jquery 怎样获取select多选下拉框所有选项的值

思路：jquery 获取select多选下拉框所有选项的值，可以通过选取多选的数组进行循环判断即可。

方法如下：

    var se = documentgetElementById("t");

    var s = [];

    for(i=0;i<selength;i++){

        if(seoptions[i]selected){

            spush(se[i]value);

        }

    }

    alert(s);

}

<select id="t" multiple="true">

    <option value="a">option-A</option>  

    <option value="b">option-B</option>

    <option value="c">option-C</option> 

    <option value="d">option-D</option>

</select>

<input type="button" value="确定" onclick="f()" />

如图所示：

jQuery获取Select元素，并设置的 Text和Value:

$("#select_id ")get(0)selectedIndex=1; //设置Select索引值为1的项选中

$("#select_id ")val(4); // 设置Select的Value值为4的项选中

$("#select_id option[text='jQuery']")attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select元素的Option项：

$("#select_id")append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

$("#select_id")prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

$("#select_id option:last")remove(); //删除Select中索引值最大Option(最后一个)

$("#select_id option[index='0']")remove(); //删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']")remove(); //删除Select中Value='3'的Option

$("#select_id option[text='4']")remove(); //删除Select中Text='4'的Option

三级分类 <select name="thirdLevel" id="thirdLevel"

onchange="getFourthLevel()">

<option value="0" id="thirdOption">

请选择三级分类

</option>

</select>

</div>

四级分类:

<select name="fourthLevelId" id="fourthLevelId">

<option value="0" id="fourthOption">

请选择四级分类

</option>

</select>

</div>

if($("#thirdLevel")val()!=0){

$("#thirdLevel option[value!=0]")remove();

}

if($("#fourthLevelId")val()!=0){

$("#fourthLevelId option[value!=0]")remove();

}//这个表示：假如希望当选择选择第三类时：如果第四类中有数据则删除，如果没有数据第四类的商品中的为默认值。

获取Select ：

获取select 选中的 text :

$("#ddlRegType")find("option:selected")text();

获取select选中的 value:

$("#ddlRegType ")val();

获取select选中的索引:

$("#ddlRegType ")get(0)selectedIndex;

设置select:

设置select 选中的索引：

$("#ddlRegType ")get(0)selectedIndex=index;//index为索引值

<select id="cursel">；

<option value="1">值1</option>；

<option value="2">值2</option>；

<option value="3">值3</option>；

<option value="4">值4</option>；

</select>；

$(document)on("change","#cursel",function()；

alert('value：'+$(this)val());//获取value；

alert('text：'+$(this)find("option:selected")text());//获取选中文本})；

<select id="select"> ；

<option value='1'>1</option> ；

</select> ；

<input type="button" value="123" onclick="alert($('#select')val())"> ；

<select id="select2" multiple='multiple'> ；

<option value='1'>1</option> ；

<option value='2'>2</option> ；

</select> ；

<input type="button" value="123" onclick="alert($('#select2')val())"> 。

html:

<select

id="sel">

<option

value='s1'>苹果</option>

<option

value='s2'>西瓜</option>

<option

value='s3'>香蕉</option>

</select>

javascript:

$(function(){

var

_val

=

$map(

$("#sel

option:not(:selected)"),

function(ele){return

elevalue}

)join(",");

alert(_val);

})

其中主要的是：$("#sel

option:not(:selected)")，这是返回没被选中的option集合，

使用$map函数对这个集合进行处理，取出其中元素的值，使用","进行分隔。

如果option中没有value属性，那么直接返回option的文本内容。

以上就是关于jquery 怎样获取select多选下拉框所有选项的值全部的内容，包括:jquery 怎样获取select多选下拉框所有选项的值、如何获取select 里option的值、Jquery 就是怎么取得一个select的当前值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！