使用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>選項中獲取實際元素。

演示。

Answer 2

您可以包括JQuery並使用它來做您想做的事情：

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

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

Answer 3

如果選擇中的所有選項都設置了值屬性或屬性，則只需：

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

自IE和Navigator 4起，將適用於所有瀏覽器。