如何在javascript中获取选定文本的值[重复]答案

【问题标题】：How to get the value of a selected text in javascript [duplicate]如何在javascript中获取选定文本的值[重复]
【发布时间】：2012-08-03 09:57:25
【问题描述】：

可能重复：
How to get the selected value of dropdownlist using 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>

我想获取所选文本的值。例如如果选择的文本是First，那么我需要得到12。

【问题讨论】：

标签： javascript

【解决方案1】：

document.getElementById('short_code').value

【讨论】：

【解决方案2】：

应该这样做：

<script type="text/javascript">
    function getSelected(select) {
        alert(select.options[select.selectedIndex].value);
    }
</script>    

<select id="short_code" onchange="getSelected(this)">    
    <option value="12">First</option>
    <option value="11">Second</option>
    <option value="10">Third</option>
    <option value="9">Fourth</option>    
</select>

【讨论】：

【解决方案3】：

document.getElementById('short_code').options[document.getElementById('short_code').selectedIndex].text

【讨论】：

【解决方案4】：

试试这个：

var el = document.getElementById("short_code");
var code = el.options[el.selectedIndex].value;

【讨论】：