JavaScript: получить значение выделенного элемента в SELECT

Вопрос

Подскажите пожалуйста, как на чистом JavaScript получить значение выделенного элемента (опции) в SELECT? Вот например в таком:

<select id="fruits">
<option value="fruit1">Груша</option>
<option value="fruit2" selected="selected">Яблоко</option>
<option value="fruit3">Персик</option>
</select>

В данном случае выделен второй элемент. Как получить его индекс и значение?

Ответ №1

Если требуется получить значение (value) выбранной опции в SELECT:

var sel = document.getElementById("fruits"); // Получаем наш список
var val = sel.options[sel.selectedIndex].value; // Получаем значение выделенного элемента (в нашем случае fruit2).

Если Вам необходимо получить индекс выделенного элемента в SELECT (нумерация начинается с нуля, как в массиве):

var ind = document.getElementById("fruits").selectedIndex; // Получаем индекс (в нашем случае его значение 1).

Если Вы хотите получить текст выбранной опции:

var sel = document.getElementById("fruits"); // Получаем наш список
var txt = sel.options[sel.selectedIndex].text; // Получаем текст нашей опции (в нашем случае Яблоко).

1 комментарий

Добавить комментарий


(обязательно)