【jQuery】同じページに複数のselectタグがある場合の値取得方法

jQuery

少し忘れがちな、jQueryでフォームから値を取得する方法をメモφ(..)
同じページの同フォーム内にselectタグがひとつしか存在しない場合に
optionの値を取得するには

var val = $(‘select option:selected’).val();

で取得することができます。
同じページの同フォーム内にselectタグが複数存在する場合には、
ページ内でユニークなname属性をつけてoptionの値を取得します。

html

<select name=”test”>
<option value=”1″>A</option>
<option value=”2″ selected>B</option>
<option value=”3″>C</option>
</select>

javascript

var val = $(‘[name=test] option:selected’).val();

→これで”2″が取得できます。
“B”の部分を取得したい場合は、
javascript行末の「.val()」を「.text()」に変更します。

タイトルとURLをコピーしました