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

Question

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

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 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.