我有一个下拉列表,它在页面上呈现如下:
<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列表中的下拉列表以找到我想要的值,然后根据该值设置选择索引 - 但是那个选项组不能用于那个选项。
答案 0 :(得分:3)
老兄,这很简单:
$('#id').val('the value you want to select');
在您的示例中,如果要选择:
<option value="2">Item 2</option>
使用此:
$('#DropDown').val('2');
你不需要迭代任何东西,只需分配值和jQuery,浏览器将完成剩下的工作。