jQuery - 获取多选列表中的所有项目

Question

我是一个jQuery noob，我无法在文档中找到我想要的东西，也许是因为我不知道要搜索什么。 我需要获取下拉列表的所有值。

我目前在做：

<select id="cars" multiple="multiple" class="form-control">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

要访问它，我的Javascript是：

"cars" : $('#cars').val()

不幸的是，这只返回SELECTED项目列表。 有一种简单的方法可以返回整个列表吗？

蒂姆，谢谢

Answer 1

如果你想做一些事情，比如获取所有值并将它们放在一个数组中，你可以这样做：

$("#cars option").map(function(){ return this.value }).get()

Answer 2

$('#cars option')将返回所有<option>元素。

Answer 3

选择

$('#cars option') 

会给你选项列表。

Answer 4

您可以使用.children()或简单地$(#cars option)来获取div id 汽车的孩子：

var ary = [];
$('#cars').children().each(function () {    
    ary.push($(this).val()); //put them in array
});

您可以使用$(this).val()访问子$(this).val() ，并将它们存储在数组中