0

可能重复：
如何使用 JavaScript 获取下拉列表的选定值？
javascript 选择值

我有一个数量的下拉列表，如下所示：

<select id="Quantity" name="Quantity" class="quantity_select">
    <option id="1" selected="selected" value="1">1</option>
    <option id="2" value="2">2</option>
    <option id="3" value="3">3</option>
</select>

我需要使用 javascript 来查找当前选定数量的值。当我选择例如选项 2 时， selected="selected" 不会更改为新选项。如何使用 DOM 获取当前选择的数量？

谢谢

4

3 回答 3

5

选项1

HTML

<select id="Quantity" name="Quantity" 
        class="quantity_select" onchange="SetValue(this.value)>
    <option id="1" selected="selected" value="1">1</option>
    <option id="2" value="2">2</option>
    <option id="3" value="3">3</option>
</select>

JavaScript

function SetValue(val) {
    alert(val); // This will be the selected value in the drop down
}

选项 2

如果您已经有 JS，并且不想使用选项 1，则可以简单地使用以下命令获取值getElementById()：

var ddl = document.getElementById('Quantity');
var val = ddl.options[ddl.selectedIndex].value;
于 2013-01-23T12:38:38.453 回答
2

采用document.getElementById('Quantity').value

于 2013-01-23T12:38:29.987 回答
2

采用

document.getElementById('Quantity').options[document.getElementById('Quantity').selectedIndex].value;
于 2013-01-23T12:39:30.563 回答