选择optgroup中的选项

Question

我正在尝试在包含optgroup的选择菜单中选择一个选项。我试过了 document.getElementsByName("dob_year")[0].selectedIndex = "1980";它似乎适用于不包含“optgroups”的选择菜单，它可以与它们一起使用。如何选择“1980”选项？

<select name="dob_year"> 
    <optgroup label="Morning"> 
        <option value="1980">80</option> 
        <option value="1981">81</option> 
        <option value="1982">82</option> 
        <option value="1983">83</option> 
    </optgroup> 
</select> 

Answer 1

顾名思义，selectedIndex是索引。

所以你必须使用以下内容：

document.querySelector('select').selectedIndex = 2;

工作jsfiddle：http://jsfiddle.net/vkSKy/