javascript - 在选择元素中选择第一个启用的选项

Question

如何将选择元素的值设置为第一个启用的选项？说我有这样的html：

<select name="myselect" id="myselect">
    <option value="val1" disabled>Value 1</option>
    <option value="val2">Value 2</option>
    <option value="val3" disabled>Value 3</option>
    <option value="val4">Value 4</option>
</select>

我如何选择第一个未被禁用的选项（这里是 val2）？

Answer 1

试试这个选择启用的第一个选项。

$('#myselect').children('option:enabled').eq(0).prop('selected',true);

.children()用于查找启用的选项列表，选择列表中.eq(0)的第一个条目并使用.prop()选择选项