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

Question

可能重复:
如何使用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时,所选="已选择"不会更改为新选项.如何使用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;