Javascript 如何更改使用opt groups的下拉列表的选定值？

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

<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>

项目1
项目2
项目3
项目4
项目5

---

如何使用Javascript（与JQuery一起）更改下拉列表值？在过去的例子中，我反复浏览下拉列表中的dropdown.options以找到所需的值，然后根据该值设置select索引——但在OPTGROUP中，该选项对我不可用。

Dude，简单如下：

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

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

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

---

您不需要迭代任何内容，只需分配值和jQuery，浏览器将完成其余工作。

都德，简单如下：

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

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

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

您不需要迭代任何内容，只需分配值和jQuery，其余的工作由浏览器完成