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

其实你可以这样做

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

如果您向list发出提醒，您将获得select标签的值。

Answer 3

列表对象将具有'options'属性，该属性是列表中所有选项的数组，以及'selectedIndex'属性，其包含所选项目的索引（如果有多个，则为第一个选定项目）。所以你可以这样做：

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

使用JS从列表中获取选定的项目

3 个答案: