从列表中获取所选项目与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，你会得到你的选择变量的值。