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 汽车的孩子：

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

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

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

4 个答案: