显示从下拉列表中选择的选项

时间:2014-03-06 20:35:02

标签: javascript drop-down-menu

尝试一些听起来简单但不起作用的东西:

允许用户从下拉列表中选择一个选项,然后在每次用户更改时将其显示为警报。这是我到目前为止所得到的:

<select name="pickSort" id="chooseSort" onchange="changedOption">
    <option value="lowHigh" id="lowHigh">Price Low-High</option>
    <option value="highLow" id="lowHigh">Price High-Low</option>
</select>

<script>
function changedOption() {
    var sel = document.getElementsByName('pickSort');
    var sv = sel.value;
    alert(sv); 
}
</script>

2 个答案:

答案 0 :(得分:3)

没有内联内容的更好方法:

document.getElementById("chooseSort").onchange = function() {
  alert(this.value);
};

jsFiddle here.

答案 1 :(得分:0)

您需要使用括号changedOption()

调用该函数
 <select name="pickSort" id="chooseSort" onchange="changedOption()">