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;