javascript - 在javascript中获取select中的选项值

Question

可能重复：
如何使用 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?

Answer 1

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

if ( selectedNode.value === "First" ) { //...

Answer 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或 plain一样for (var i=0;i<select.options.length;i++)），你可以获得你需要的所有信息