[jQuery] セレクトボックスが変更された時にvalue値を取得する方法

セレクトボックスを変更した時に、選択されたvalueの値をjQueryで取得する方法についてです。
まず、セレクトボックスを作成します。 id には sample を指定します。

HTML
<select id="sample">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">D</option>
</select>

セレクトボックスで 「B」が選択された時に value の値 2 を取得できるようにします。

jQuery
<script type="text/javascript">
$("#sample").change( function(){
    var sVal = $("#sample").val();
    alert(sVal);
});
</script>

$(“#sample”).change( function(){});
id が sample の要素が変更された時に function を実行するという意味になります。

$(“#sample”).val();
で id が sample の要素の値を取得します。



Author: webmaster