如何使用jquery获取多个选择框值？

Question

如何使用jquery获取多个选择框值？

Answer 1

使用.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 2

jQuery .val()

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

Answer 3

你也可以使用js map函数:

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

然后你可以获得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

就在一行——

var select_button_text = $('#SelectQButton option:selected')
                .toArray().map(item => item.text);

输出：["text1", "text2"]

var select_button_text = $('#SelectQButton option:selected')
                .toArray().map(item => item.value);

输出：["value1", "value2"]

如果你使用 .join()

var select_button_text = $('#SelectQButton option:selected')
                .toArray().map(item => item.text).join();

输出：文本 1、文本 2、文本 3

Answer 6

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>   

查询代码：

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

});

希望它有效