Как получить выбранную метку из html <select>?

HTML Javascript question

чтобы получить выбранное значение ввода-select, я могу использовать

<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?

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

Ответы

Ответ 1

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

Ответ 2

предлагаемая версия jQuery:

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

Ответ 3

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

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