javascript - 如何使用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

试试这个

循环#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