javascript - 使用 jQuery 查找是否有任何下拉列表(多个)具有索引 > 0 的选定值

Question

我有一个页面，其中下拉列表的数量不断变化(由用户更改)。对于每个选项，默认选项(索引 0)是标准的“请选择 ###”。

我需要看看是否选择了其中任何一个，至少一个。

我使用 jQuery.index 发现了一些东西，但我不确定这是预期的行为还是侥幸。

<select id=dd1 class=dropdown>
   <option> Select</option>
             ...
   <option> Select</option>
</select>


<select id=dd2 class=dropdown>
   <option> Select</option>
             ...
   <option> Select</option>
</select>

(可能还有更多)

$(".dropdown > option:selected").index()

我看到的行为是返回值是相加索引。

我可以信任这个功能吗？或者还有其他解决方案吗？

谢谢

Answer 1

您可以使用.filter()过滤掉已选择且索引 > 0 的内容 - 然后检查长度以查看实际更改的数量

$(".dropdown option:selected").filter(function(){
       return $(this).index() > 0; // check index against siblings
}).length; // <-- this will return how many are not index 0

FIDDLE

或者这也可以

$(".dropdown").filter(function(){
   return this.selectedIndex > 0; // check selectedIndex property of select element
}).length;

FIDDLE

EXAMPLE FOR TESTING > 0 EXAMPLE FOR TESTING == 0