如何获得一个选择使用jQuery的所有选项?

我如何通过jQuery传递它的ID来获得一个选择的所有选项?

我只是想获取它们的值，而不是文本。

当前回答

$("select#MY_SELECT_ID").find('option').each(function() {
    console.log($(this).val());
    console.log($(this).text());
});

其他回答

这是一种生成逗号分隔值列表的非常简单的方法。

var values = "";

$('#sel-box option').each(function () { 
   values = values + $(this).val() + ";";
});

有些答案使用这两种方法，但恕我直言，地图是更好的选择:

$("select#example option").map(function() {return $(this).val();}).get();

jQuery中有(至少)两个地图函数。Thomas Petersen的答案是“Utilities/jQuery.map”;这个答案使用了“遍历/映射”(因此代码更简洁)。

这取决于你要如何处理这些值。如果你想从函数中返回值，map可能是更好的选择。但是，如果您打算直接使用这些值，则可能需要每个值。

美元。地图可能是最有效的方法。

var options = $('#selectBox option');

var values = $.map(options ,function(option) {
    return option.value;
});

如果你只想要那些被选中的选项，你可以在$('#selectBox option:selected')中添加更改选项。

第一行选择所有复选框，并将其jQuery元素放入变量中。然后，我们使用jQuery的.map函数对该变量的每个元素应用一个函数;我们所做的只是返回每个元素的值，因为这是我们所关心的。因为我们是在map函数内部返回它们，它实际上会根据请求构建一个值的数组。

如果您正在寻找一些选定文本的所有选项，那么下面的代码将工作。

$('#test').find("select option:contains('B')").filter(":selected");

$("select#MY_SELECT_ID").find('option').each(function() {
    console.log($(this).val());
    console.log($(this).text());
});

推荐文章