DOM找到当前选择的下拉元素

Question

可能重复：
How to get the selected value of dropdownlist using JavaScript?
javascript selected value

我有一个下拉列表的数量，就像这样：

<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来鳍d当前选定数量的值。当我选择例如选项2，selected =“selected”不会更改为新选项。我如何使用DOM获取当前选择的数量？

感谢

Answer 1

选项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; 

Answer 2

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

Answer 3

使用

document.getElementById('Quantity').options[document.getElementById('Quantity').selectedIndex].value;