选择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()选择该选项