选择select元素中的第一个启用选项

Question

如何将select元素的值设置为第一个启用选项？ 说我有这样的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()选择选项