どのようにhtml <select>から選択したラベルを取得するには？

Question

HTML Javascriptの質問

インプット・セレクト私が使用できるの選択された値を取得するには

<select id="gender" name="gender" class="style12"> 
    <option selected="selected">ALL</option> 
    <option>Male Only</option> 
    <option>Female Only</option> 
</select> 

document.getElementById('gender').value 

私は選択されたラベル（IEのみALL /男性のみ/女性）を取得するために簡単な方法がありますJavaScriptを使用して？

読書のためのおかげで多くのことを。

Answer 1

var el = document.getElementById('gender'); 
var text = el.options[el.selectedIndex].innerHTML; 

Answer 2

これは動作するはずです：

var label = document.getElementById('gender')[document.getElementById('gender').selectedIndex].innerHTML; 

Answer 3

は、jQueryのバージョンを示唆：

jQuery("#gender").find("option[value='" + jQuery("#gender").val() + "']").text()