如何從<select>標籤讀取值

Question

我有一個像

<select name="operation" id="operation"> 
    <option value="1">XXXX</option> 
    <option value="2">YYY</option> 
    <option value="3">ZZZ</option> 
</select> 

我得值「XXXX」，如果用戶選擇一個選項1，爲第二個我得秀「YYYY」等列表。格式應該像上面的意思，我不必改變value =「1」，「2」，「3」。我需要它在JavaScript中。 感謝

Answer 1

您可以通過抓取<select>然後得到<option>在.selectedIndex，這樣得到它：

var sel = document.getElementById('operation'); 
var text = sel.options[sel.selectedIndex].text; 

You can test it out here。

Answer 2

var dropdown = document.getElementById('operation'); 
var selected = dropdown[dropdown.selectedIndex].text; 

可能還需要檢查的selectedIndex不越界

的

Answer 3

試試這個提醒選擇的選項的文字：

<select name="operation" id="operation" 
     onchange="alert(this.options[this.selectedIndex].text);"> 
    <option value="1">XXXX</option> 
    <option value="2">YYY</option> 
    <option value="3">ZZZ</option> 
</select>