如何從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 

在那裏，我得到所選標籤（即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()