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

Posted 2023-05-07

【中文标题】如何在javascript中获取选定文本的值[重复]

【英文标题】：How to get the value of a selected text in javascript [duplicate]

【发布时间】：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。

【参考方案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;