Javascript 使用JS从列表中获取所选项目
我有一个html列表,其中加载了一些项目。我可以使用以下代码获取选择列表对象: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
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在所有浏览器中?我可能会学到一些东西。