html下拉列表的JavaScript警报选择选项

我四处搜索并尝试了各种方法，但我找不到一种方法让javascript提醒我选择的选项。我所拥有的一切都发生在页面底部的console debugging部分，上面写着“'null'不是对象（评估'x.options'）”，这向我表明我的变量x一开始没有得到任何值，下面是我的代码：

html

如果有人能解决这个问题，或者告诉我这个问题以前的答案，我将不胜感激。

请尝试以下代码：

---

我相信你想提醒所选元素的文本，你也可以用一种更短的方式来做

HTML:

---

Fiddle:

重复，但——并非所有浏览器都会在您认为会触发更改事件时触发更改事件。。。。我倾向于同时绑定

change

和

click

，以确保两者都被覆盖。编码代码时似乎存在一些问题。您的代码对我来说运行良好。请键入整个代码以避免UTF编码。谢谢，因为它在我的mac上的语音标记除非复制，否则无法正常工作。使用您的脚本，它工作正常。

jQuery

是一个基于JS构建的助手库，而且OP没有在

jQuery

下标记它。

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

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

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

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

    </select>

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

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

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

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