如何使用jQuery获取多个select框值？

如何使用jQuery获取多个select框值？

Answer 1

jQuery .val（）

var foo = $('#multiple').val(); 

Answer 2

在多选列表中使用.val()函数将返回所选值的数组：

 var selectedValues = $('#multipleSelect').val(); 

并在你的html：

 <select id="multipleSelect" multiple="multiple"> <option value="1">Text 1</option> <option value="2">Text 2</option> <option value="3">Text 3</option> </select> 

Answer 3

您也可以使用js mapfunction：

 $("#multipleSelect :selected").map(function(i, el) { return $(el).val(); }); 

然后你可以得到option元素的任何属性：

 return $(el).text(); return $(el).data("mydata"); return $(el).prop("disabled"); etc... 

Answer 4

 var selected=[]; $('#multipleSelect :selected').each(function(){ selected[$(this).val()]=$(this).text(); }); console.log(selected); 

又一个接近这个问题。 所选数组将具有索引作为选项值，并且每个数组项将具有作为其值的文本。

例如

 <select id="multipleSelect" multiple="multiple"> <option value="abc">Text 1</option> <option value="def">Text 2</option> <option value="ghi">Text 3</option> </select> 

如果说选项1和2被选中。

所选的数组将是：

 selected['abc']=1; selected['def']=2. 

Answer 5

HTML代码：

  <select id="multiple" multiple="multiple" name="multiple"> <option value=""> -- Select -- </option> <option value="1">Opt1</option> <option value="2">Opt2</option> <option value="3">Opt3</option> <option value="4">Opt4</option> <option value="5">Opt5</option> </select> 

JQuery代码：

 $('#multiple :selected').each(function(i, sel){ alert( $(sel).val() ); }); 

希望它的作品

Answer 6

在逗号分隔符中获取选定的值

 var Accessids = ""; $(".multi_select .btn-group>ul>li input:checked").each(function(i,obj) { Accessids=Accessids+$(obj).val()+","; }); Accessids = Accessids.substring(0,Accessids.length - 1); console.log(Accessids); 

Answer 7

只要使用这个

 $('#multipleSelect').change(function() { var selectedValues = $(this).val(); });