如何捕捉選擇選項的文本？

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/。