JavaScript selectドロップダウン・ボックスで選択した値を取得
839 ワード
id=testのドロップダウンボックスがありますが、どうやって選択した値を手に入れますか?Javascriptオリジナルメソッドとjqueryメソッドをそれぞれ使用
code:
一:javascript原生の方法
1:select対象を取得:
var myselect=document.getElementById("test");2:選択したアイテムのインデックスを取得:var index=myselect.selectedIndex ;//selectedIndexは、選択したアイテムのindexを表します.3:選択したoptionsのvalue:
myselect.options[index].value;を取得4:選択されたoptionsのtext:
myselect.options[index].text;を取得二:jqueryメソッド(jqueryライブラリがロードされていることを前提とする)
1:
var options=$("#test option:selected");//選択したアイテムの取得2:
alert(options.val());//選択した値を取得3:
alert(options.text());//選択したテキストを取得