javascript - optグループを使用するドロップダウンリストの選択した値を変更するにはどうすればよいですか？

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>

（JQueryで）Javascriptを使用してドロップダウン値を変更するにはどうすればよいですか？以前の例では、ドロップダウンのdropdown.optionsのリストを繰り返して目的の値を見つけ、それに基づいて選択インデックスを設定しましたが、そのオプションは、そこにあるoptgroupでは使用できません。

Answer 1

おい、それはこのように簡単です：

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

あなたの例では、以下を選択したい場合：

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

これを使って：

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

何も繰り返す必要はありません。値とjQueryを割り当てるだけで、残りはブラウザが行います。