innerHTML引数を渡すには？

Question

可能性の重複：

JavaScript retrieving the text of the selected option in select element

<select name="users" onchange="showUser(this.value)"> 
<option value="">Select a person:</option> 
<option value="1"> Option1 </option> 
<option value="2"> Option2 </option> 
<option value="3"> Option3 </option> 
<option value="4"> Option4 </option> 
</select> 

上記の例から、整数値がthis.valueの使用によってshowUser関数に渡されます。値を渡す代わりに、 "Option1"のようにoptionタグの中にあるものの内容を渡したかったのですが、どうすればいいですか？私は使用しようとしました

showUser(this.innerHTML) 

しかし、それは動作していないようです、または私は間違ってそれに近づいています。私はgetElementByIDを使うためのオプションをオンラインで見てきましたが、すべてのオプションに一意のIDが必要だと思います。

あなたが使用したい

Answer 1

：

showUser(this.selectedIndex >= 0 ? this.options[this.selectedIndex].text : ''); 

はHTMLSelectElementとHTMLOptionsElementのDOM2 HTML仕様のドキュメントを参照してください。この文脈において

Answer 2

、thisは>要素ではなく、選択された<オプション>を選択<を指します。私は、あなたがしたいと思いますshowUser(this.options[this.selectedIndex].innerHTML)

Answer 3

HTML：

<select name="users" onchange="showUser(this)"> 
    <option value="">Select a person:</option> 
    <option value="1"> Option1 </option> 
    <option value="2"> Option2 </option> 
    <option value="3"> Option3 </option> 
    <option value="4"> Option4 </option> 
</select> 

のjavascript：フィドル

function showUser(obj){ 
    alert(obj.options[obj.selectedIndex].innerHTML); 
} 

：私は、以前にこれを見たhttp://jsfiddle.net/vPhq3/1/