javascript - 使用 DOM 引用下拉菜单中的选定项

Question

有没有一种方法可以从使用 select 和索引号实现的下拉菜单中引用选定的项目？例如，我想要一个执行类似以下操作的 javascript 函数:

if (document.getElementById("My_Select_Menu").selectedIndex.value == "Blue")
{
  do something;
}

但 selectedIndex 似乎只返回第一个选定项目的引用编号。似乎应该有一种方法来引用所选项目的值，我错过了吗？

Answer 1

尝试:

var sel = document.getElementById("My_Select_Menu");
if (sel.options[sel.selectedIndex].value == "Blue") {
    // do something
}

selectedIndex返回所选选项的偏移量(作为整数)，因此您需要使用它从 <select> 的选项中获取实际元素.

Demo.