如何使用jquery获取所有选择选项值

Question

我有选择列表

 <select name="select-choice-min" id="mainMenu" data-mini="true">
      <option value="10">10</option>
      <option value="11">11</option>
      ...
 </select>

我试过

var arr = new Array();
var sval = $("#mainMenu option").val();
arr.push(sval);

但是在警告arr变量时，我只得到第一个值10,10,10 ......

那么，如何获取所有选择选项值？

Answer 1

您可以使用下面的.map()来创建值数组

var arr = $("#mainMenu option").map(function(){
    return $(this).val()
}).get();

Answer 2

试试这个

使用#mainMenu option循环显示.each()，然后使用$(this).val()获取适当的值，然后使用arr.push($(this).val());推送

var arr = new Array();
$('#mainMenu option').each(function(){
arr.push($(this).val());
});
console.log(arr)

Working DEMO

Answer 3

您可以使用.map()，这将创建所有选项值的数组。

var arr = $('#mainMenu option').map(function(){
    return this.value;
}).get();

Answer 4

尝试使用.map()和.get()来完成您的任务，

var arr = $("#mainMenu option").map(function(){ return this.value; }).get();