JavaScript Alert Selected Option of html drop down [重复]答案

【问题标题】：JavaScript Alert Selected Option of html drop down [duplicate]JavaScript Alert Selected Option of html drop down [重复]
【发布时间】：2014-06-21 13:16:08
【问题描述】：

我已经四处搜索并尝试了各种方法，但我找不到让 javascript 提醒我选择的选项的方法。我所拥有的一切都发生在页面底部的控制台调试部分中，它说“'null'不是对象（评估'x.options'）”这表明我的变量x没有得到任何首先是价值，这是我的代码：

html

    <select id=“test-dropdown” onchange=“choice1()”>

    <option value=“1”>One</option>

    <option value=“2”>Two</option>

    <option value=“3”>Three</option>

    </select>

javascript

    function choice1()
    {
    var x = document.getElementById(“test-dropdown”);
    alert(x.options[x.selectedIndex].value);
    }

如果有人能解决这个问题或指出我之前回答过这个问题的方向，我将非常感激。

【问题讨论】：

重复但是——并非所有浏览器都会在您认为它们会触发更改事件时触发...。我倾向于同时绑定change 和click 以确保两者都被覆盖。跨度>
您的代码编码似乎有问题。你的代码对我来说很好jsfiddle.net/praveen_jegan/7K4AK 最好输入整个代码以避免 UTF 编码。
感谢，因为它在我的 mac 上的语音标记似乎无法正常工作，除非被复制。拿走了你的脚本，它运行良好。

标签： javascript html

【解决方案1】：

我相信你想提醒所选元素的文本，你也可以通过更短的方式来做到这一点

HTML：

<select id="test-dropdown" onchange="choice1(this)">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

JavaScript：

function choice1(select) {
     alert(select.options[select.selectedIndex].text);
}

小提琴：http://jsfiddle.net/AwFE3/

【讨论】：

【解决方案2】：

试试下面的代码： JSFIDDLE

$( "select" )
.change(function () {
var str = "";
$( "select option:selected" ).each(function() {
str += $( this ).text() + " ";
});
alert(str)
})

【讨论】：

jQuery 是一个建立在 JS 上的辅助库，OP 也没有在 jQuery 下标记它。