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来查找当前所选数量的值。当我选择例如选项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;