javascript - 获取所有选定的 ="selected"值并放入数组中

Question

尝试获取页面上具有 selected="selected" 属性的所有选项。

页面上有很多这样的实例，但我似乎只能将第一个保存到数组中。

selected="selected" 如何显示:

<select bind-event-change="disableHiddenInputs()" bind="appliesToResource6" id="link_list_links__link_type" name="link_list[links][][link_type]">
<option value="frontpage">Store Frontpage</option>
<option selected="selected" value="collection">Collection</option>
<option value="product">Product</option>
<option value="catalog">All Products</option>
<option value="page">Page</option>
<option value="blog">Blog</option>
<option value="search">Search page</option>
<option value="http">Web Address</option>
</select>

我尝试过:

$('#link_list_links__link_type option:selected').map(function () {

return $(this).val();
});

它只返回第一个 selected="selected" 选项，而不返回其余的迭代。

如何使用 selected="selected" 返回页面上的所有选项？我究竟做错了什么？

Answer 1

问题是你使用的id，ID元素的 id 必须是唯一的，因此当您使用 id-selector 时，它将仅返回具有所述 id 的第一个元素。这意味着 #link_list_links__link_type 仅选择 1 个选择元素，因此您只能获得一个值。

A unique identifier for the element.
There must not be multiple elements in a document that have the same id value.

这里的一个解决方案是使用一个类来对相似的元素进行分组

<select bind-event-change="disableHiddenInputs()" bind="appliesToResource6"         name="link_list[links][][link_type]" class="link_list_links__link_type">

然后

var array = $('.link_list_links__link_type option:selected').map(function () {
return $(this).val();
}).get();