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

Question

是否有一种方法可以从下拉菜单中引用一个选定的项目，除了通过索引号选择之外?例如，我想要一个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>的选项中获取实际元素。

演示。

Answer 2

你可以使用JQuery来做你想做的事情:

if($('#My_Select_Menu').val()=='Blue')
{
 ...
 }

http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js

Answer 3

如果select中的所有选项都有一个value属性或属性集，则只需:

if (document.getElementById("My_Select_Menu").value == "Blue")

适用于IE和Navigator 4之后的所有浏览器