Question

我有多个具有公共类名的选择选项。如果选项大于1，我想选择每个选择的第二个选项。

例如。

<select  class="drop">
   <option name="option" value="Option 1"></option>
</select>

<select  class="drop">
   <option name="option" value="Option 1"></option>
   <option name="option" value="Option 2"></option>
   <option name="option" value="Option 3"></option>
</select>

<select  class="drop">
   <option name="option" value="Option 1"></option>
   <option name="option" value="Option 2"></option>
   <option name="option" value="Option 3"></option>
</select>

对于2和3选择选项2应自动选择。

$('.drop').each(function(i, obj) {

});

如何检查每个选项中的选项数，如果选项的数量大于1，则选择第二个选项

Answer 1

你必须这样做：

$('.drop').each(function (i, obj) {

    if ($(this).find("option").length > 1) { // check if curent dropdown options greater than 1
        $(this).find("option").eq(1).prop("selected", true); // set 2nd option selected
    }

});

FIDDLE：

http://jsfiddle.net/ehsansajjad465/5de0227h/

当没有选项大于1时，自动选择选择中的第二个选项

1 个答案:

FIDDLE：