使用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);

编辑(忘了.value).

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

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