<select onchange="test()" id="select_id">
<option value="0">-Select-</option>
<option value="1">Communication</option>
</select>
javascriptで選択されたオプションの値を取得したいのですが、選択された値やテキストを取得する方法をご存知の方、そのための関数の書き方を教えてください。onchange()関数をselectに割り当てましたが、そのあとはどうすればいいのでしょうか?
これには、JavaScriptまたはjQueryを使用します。
JavaScriptを使用する場合。
<script>
function val() {
d = document.getElementById("select_id").value;
alert(d);
}
</script>
<select onchange="val()" id="select_id">
jQueryを使用する。
$('#select_id').change(function(){
alert($(this).val());
})
使用
document.getElementById("select_id").selectedIndex
または値を取得します。
document.getElementById("select_id").value
<script>
function test(a) {
var x = a.selectedIndex;
alert(x);
}
</script>
<select onchange="test(this)" id="select_id">
<option value="0">-Select-</option>
<option value="1">Communication</option>
<option value="2">Communication</option>
<option value="3">Communication</option>
</select>
アラートには選択されたインデックスのINT値が表示され、選択範囲を配列として扱うと値が表示されます。