[jQuery] selectタグoption内を指定する方法

selectタグ内のHTMLを指定したい

jqueryにてoptionのvalueとその中身のtextの部分を一緒に利用したかった時に、
はてどうやって取るのかと一瞬悩んでしまった。

<select id="js_select">
  <option value="1" selected>男</option>
  <option value="2">女</option>
  <option value="3">その他</option>
  <option value="4">半分</option>
</select>

これだとvalueになる

$( "#js_select" ).val();

// output
1

こんな感じで取得

$( "#js_select option:selected" ).text();

// output
男

コメントを残す