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

Question

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

Answer 1

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

Answer 2

.val()在多选列表上使用该函数将返回所选值的数组：var selectedValues = $('#multipleSelect').val();并在您的html中：<select id="multipleSelect" multiple="multiple">&nbsp; &nbsp; <option value="1">Text 1</option>&nbsp; &nbsp; <option value="2">Text 2</option>&nbsp; &nbsp; <option value="3">Text 3</option></select>

Answer 3

您还可以使用js map函数：$("#multipleSelect :selected").map(function(i, el) {&nbsp; &nbsp; return $(el).val();}).get();然后，您可以获取option元素的任何属性：return $(el).text();return $(el).data("mydata");return $(el).prop("disabled");etc...

Answer 4

var selected=[];&nbsp;$('#multipleSelect :selected').each(function(){&nbsp; &nbsp; &nbsp;selected[$(this).val()]=$(this).text();&nbsp; &nbsp; });console.log(selected);另一个解决这个问题的方法。所选数组将以索引作为选项值，而每个数组项将以文本作为其值。例如<select id="multipleSelect" multiple="multiple">&nbsp; &nbsp; <option value="abc">Text 1</option>&nbsp; &nbsp; <option value="def">Text 2</option>&nbsp; &nbsp; <option value="ghi">Text 3</option></select>如果说选择了选项1和2。所选数组将为：selected['abc']=1;&nbsp;selected['def']=2.