javascript で、selectの選択中のoptionのvalueを取得する方法で、
awsevrdさん
2015/5/1321:14:49
javascript で、selectの選択中のoptionのvalueを取得する方法で、
selectedIndex や Jquery の $('[name=●●●]').val(); などを使わない手法はありますか?
<select name='●●●'>
<option value='ABC'>ABC</option>
<option value='DEF'>DEF</option>
<option value='GHI'>GHI</option>
<option value='JKL'>JKL</option>←←今回はこれを選択すると仮定します。
</select>
<script>
var val = 選択中のoptionのvalueを取得する操作
alert(val);
</script>
実は、Jqueryのライブラリ(jquery.darktooltip)を読み込んで、作動させると、
何かが競合して、selectedIndex や Jquery の $('[name=●●●]').val(); が使えないのです。
様々試してみたのですが、解決方法が全く見出せないので、ここで質問させていただきました。
お詳しい方、ご教授のほどよろしくお願いします。
- 閲覧数:
- 6,258
- 回答数:
- 1
- お礼:
- 500枚
ベストアンサーに選ばれた回答
veni_coさん
2015/5/1323:22:32
こんばんわ~。
ふつうに、
▼────────
document.フォーム名.セレクト名.value
────────▲
でいけませんか?
<select> を <form> で囲んで、
▼────────
<form name="myForm">
<select name="mySelect">
<option value="A">タイプA</option>
<option value="B">タイプA</option>
<option value="C">タイプA</option>
…
</select>
</form>
────────▲
のようにすると、
Javascript では
▼────────
document.myForm.mySelect.value
────────▲
で、
選択されている値が取得できるはずですが;・ω・)
他の方法だと、
▼────────
// オプションのリスト
var option = document.myForm.mySelect.options;
// 選択されている値を取得
var value;
for(var i=0;i<option.length;i++){
if( option[ i ].selected ){
value = option[ i ].value;
break;
}
}
// 取得した値をアラート
alert( value );
────────▲
のように取得できますヽ(・ω・*
さらに他の方法では、
▼────────
var option = document.myForm.mySelect.options;
var Idx = document.myForm.mySelect.selectedIndex;
var value = option[ Idx ];
alert( value );
────────▲
っていう方法もあります。
この質問は投票によってベストアンサーに選ばれました!
この質問につけられたタグ
初めてのいろいろ、心配がいっぱい
回答受付中の質問