[jQuery] select要素の先頭項目を選択する（selectedIndex）

ここでは、jQueyでselect要素の先頭項目を選択するサンプルを掲載しています。いつまでたっても覚えられない今日この頃です。

次のようなHTMLがあったとします。

HTML

<select name="komurokei">
  <option value="1">1つ目</option>
  <option value="2">2つ目</option>
  <option value="3">3つ目</option>
</select>

では、先頭の項目を選択してみます。以下のサンプルを参照ください。

// 1つ目の項目を選択状態にする
$('[name=komurokei]').prop("selectedIndex", 0);

// もちろん値を指定して選択状態にすることもできる
// valueが2の項目を選択状態にするサンプル
$('[name=komurokei]').val("2");