Как получить выбранный ярлык из 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

Есть ли какой-нибудь простой способ получить выбранный ярлык (т.е. ВСЕ / Только для мужчин / Только для женщин) с помощью JavaScript?

Большое спасибо за чтение.

Answer 1

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

Answer 2

рекомендуемая версия jQuery:

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

Answer 3

Это должно работать:

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