purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

selectでidやclass指定で値をセットしたい。

基本的なやり方は

('select#target').val('1');

といった形でvalで指定するが

それだと、↓みたいな時に上手く設定できない。
※同じvalがselectの中に内容に設計できない場合を想定

<select id="" name="tree">
<optgroup label="商品カテゴリ1">
 <option id="js01" value="02">hoge1</option>
</optgroup>
<optgroup label="商品カテゴリ2">
 <option id="js02" value="02">hoge2</option>
</optgroup>
</select>

こうすれば解決

jQuery("#js01").attr("selected","selected");

としてあげればid指定でselectの値を指定出来る