JavaScript警报选定选项的html下拉菜单

JavaScript Alert Selected Option of html drop down

本文关键字：html 下拉菜单 选项 JavaScript      更新时间：2023-09-26

我已经四处搜索并尝试了各种各样的东西，但我找不到一种方法来让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);
    }

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

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

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/

试试下面的代码:JSFIDDLE

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