-3

重複の可能性:
JavaScript を使用してドロップダウンリストの選択された値を取得する方法は?
javascriptで選択したテキストの値を取得する方法

<select id="short_code">
<option value="12">First</option>
<option value="11">Second</option>
<option value="10">Third</option>
<option value="9">Fourth</option>    
</select>

私はこれを行う必要があります:

if(document.getElementById("short_code").options.item(document.getElementById("short_code").selectedIndex).text)== "First")

//get the value of the option Fist , how to get the value?
4

2 に答える 2

12
var elem = document.getElementById("short_code"),
    selectedNode = elem.options[elem.selectedIndex];

if ( selectedNode.value === "First" ) { //...
于 2012-08-06T12:50:48.847 に答える
2

これはどう:

var select = document.getElementById('short_code');
var options = select.options;
var selected = select.options[select.selectedIndex];
//which means that:
console.log(selected.value || selected.getAttribute('value'));//should log "12"
console.log(selected.innerHTML);//should log(First);

すべてのオプションをループして(私がやったように参照変数を作成するか、optionsプレーンfor (var i=0;i<select.options.length;i++))、必要なすべての情報を取得できます

于 2012-08-06T12:46:49.053 に答える