「jQuery」select要素のoptionの値を取得する
書式
1.changeイベント
セレクタ.on('change’,function(){xxx})
2.疑似クラスを持つ要素のテキストを取得する
$(this).children(':selected’).text();
使用例
htmlコード
<select id="tt" name="tt"> <option value="11">項目を選択してください</option> <option value="11">項目A</option> <option value="22">項目B</option> <option value="33">項目C</option> </select> <div id="res"></div>
JSコード
$(function(){ var st = $('#tt'); var kk = $('#res'); st.on('change', function(){ var seltxt = $(this).children(':selected').text(); kk.text(seltxt + 'is selected'); }); });