使用JavaScript获取选定的选项文本 [英] Get selected option text with JavaScript

问题描述

我有一个这样的下拉列表：

I have a dropdown list like this:

<select id="box1">
<option value="98">dog</option>
<option value="7122">cat</option>
<option value="142">bird</option>
</select>

如何使用JavaScript获取实际的选项文本而不是值？我可以得到这样的值：

How can I get the actual option text rather than the value using JavaScript? I can get the value with something like:

<select id="box1" onChange="myNewFunction(this.selectedIndex);" >

但不是 7122 我想要code> cat 。

But rather than 7122 I want cat.

推荐答案

尝试选项

<script>
    function myNewFunction(sel)
    {
        alert(sel.options[sel.selectedIndex].text);
    }
</script>

<select id="box1" onChange="myNewFunction(this);" >
    <option value="98">dog</option>
    <option value="7122">cat</option>
    <option value="142">bird</option>
</select>

这篇关于使用JavaScript获取选定的选项文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！