Javascript 使用JS从列表中获取所选项目

Javascript 使用JS从列表中获取所选项目,javascript,Javascript,我有一个html列表,其中加载了一些项目。我可以使用以下代码获取选择列表对象: var list = document.getElementById('ddlReason'); 但是我需要帮助来找出如何检测从列表中选择的值 // Gets your select var list = document.getElementById('ddlReason'); // Get the index of selected item, first item 0, second item 1 etc

我有一个html列表,其中加载了一些项目。我可以使用以下代码获取选择列表对象:

var list = document.getElementById('ddlReason');
但是我需要帮助来找出如何检测从列表中选择的值

// 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);
编辑(忘记.value)

你也可以让它更简洁,但我想让它可读,这样你就可以看到发生了什么。较短版本:

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

列表对象将具有一个“选项”属性,该属性是列表中所有选项的数组,以及一个“selectedIndex”属性,该属性包含选定项(或第一个选定项,如果有多个)的索引。所以你可以这样做:

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

事实上你能做到

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

如果您对
列表发出警告,您将获得select标记的值。

非常确定应该是list.options[INDEX].value在所有浏览器中?我可能会学到一些东西。