選択オプションのテキストを取り込む方法は？

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 

です

これは "This is You"をつかむでしょう...しかし、現在選択されているオプションのためにはどうすれば入手できますか？私は単純に使用することはできませんので：

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() 

することができます

これは、プロパティ値が2のidリストを持つ要素です。Wあなたが望む帽子は、リストのオプションの子です。あなたはjQueryのを使用できる場合

Answer 3

、あなたはこのような何かを試すことができます。

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

が働い例えばhttp://jsfiddle.net/MWu9f/を参照してください。