javascript - 如何更改使用选项组的下拉列表的选定值？

Question

我有一个下拉列表，它在页面上呈现如下：

<select id="DropDown">
    <optgroup label="">
        <option value="-1">
        </option>
    </optgroup>
    <optgroup label="Group 1">
        <option value="1">Item 1</option>
        <option value="2">Item 2</option>
        <option value="3">Item 3</option>
    </optgroup>
    <optgroup label="Group 2">
        <option value="11">Item 4</option>
        <option value="12">Item 5</option>
    </optgroup>
</select>

如何使用 Javascript（使用 JQuery）来更改下拉值？在过去的情况下，我已经遍历了 dropdown.options 的下拉列表以找到我想要的值，然后根据该值设置选择索引——但是该选项对我来说不适用于那里的 optgroups。

Answer 1

亲，就这么简单：

$('#id').val('the value you want to select');

在您的示例中，如果您想选择：

<option value="2">Item 2</option>

用这个：

$('#DropDown').val('2');

您不需要迭代任何东西，只需分配值和 jQuery，浏览器将完成剩下的工作。