如何捕捉选择选项的文本？

Question

所以我有这样的：

<select id="list"> 
    <option value="1">This is Me</option> 
    <option value="2">This is You</option> 
    <option value="3">And this is Mr. Nukem</option> 
</select> 

我怎么会去抓住这里的选项“文”？问题是，它需要“动态”，在这个意义上，我需要为当前选择的选项的文字...

我知道手册，获取文本的静态的方式...

document.getElementById('list').options[1].text 

这将抓住“这就是你”......但我怎样才能得到它的当前选定的选项？既然不能简单地使用：

document.getElementById('list').value 

因为这将抢号...... :-(

Answer 1

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

见（例如）在这里https://developer.mozilla.org/en/DOM/HTMLSelectElement

Answer 2

$("#list option[value='2']").text() 

你可以使用这个jQuery线，它会解决你的问题。

在这个id属性值为2的元素。W你想要的帽子是列表中的选项子。

Answer 3

如果你可以使用jQuery，你可以尝试这样的事：

$("#list").change(function() { 
    alert($(this).find("option[value=" + $(this).val() + "]").text()); 
}); 

的工作示例见http://jsfiddle.net/MWu9f/。