「jQuery」select要素のoptionの値を取得する

2014年1月9日2021年8月16日

書式
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');
    });
});