少し忘れがちな、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>
<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()」に変更します。
