एचटीएमएल <select> से चयनित लेबल कैसे प्राप्त करें?

Question

एचटीएमएल जावास्क्रिप्ट सवाल

के चयनित मूल्य पाने के लिए एक इनपुट का चयन मैं

<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 

उपयोग कर सकते हैं क्या कोई आसान तरीका मुझे चयनित लेबल पाने के लिए (यानी सभी केवल/नर केवल/महिला के लिए है) जावास्क्रिप्ट के साथ?

धन्यवाद पढ़ने के लिए बहुत कुछ।

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