從列表中獲取所選項目與JS

Question

我有一個html列表加載了一些項目。我可以使用下面的代碼來獲得選擇列表中的對象：

var list = document.getElementById('ddlReason'); 

但我需要搞清楚如何檢測其價值已經從列表中選擇幫助。

Answer 1

// Gets your select 
var list = document.getElementById('ddlReason'); 

// Get the index of selected item, first item 0, second item 1 etc ... 
var INDEX = list.selectedIndex; 

// Viola you're done 
alert(list[INDEX].value); 

編輯（忘記。值）。

你也可以做得更簡潔一點，但我想讓它看起來很清晰，這樣你就可以看到發生了什麼。較短的版本：

var list = document.getElementById('ddlReason'); 
alert(list[list.selectedIndex].value); 

Answer 2

列表對象將有一個「選項」屬性，該屬性是在列表中，包含所選擇的項目的索引「的selectedIndex」屬性的所有選項的陣列（或所選擇的第一項目如果有多個）。所以，你可以這樣做：

var list = document.getElementById('ddlReason'); 
var selectedValue = list.options[list.selectedIndex]; 

Answer 3

其實你可以做到這一點

var list = document.getElementById('ddlReason').value; 

，如果你做出警報list，你會得到你的選擇變量的值。