Our Blog

Получение значения выбранной опции элемента select

Элементы select (список-переключатель) обычно имеют два значения, к которым иногда нужно обратиться на стороне клиента. Это значение атрибута value соответствующего элемента option и его текстовое значение.

Элементы select (список-переключатель) обычно имеют два значения, к которым иногда нужно обратиться на стороне клиента. Это значение атрибута value соответствующего элемента option и его текстовое значение.
Для примера возьмем выбор профессии:

<select id="prof">
<option value="1">Ученик</option>
<option value="2">Студент</option>
<option value="3">Водитель</option>
<option value="4">Охранник</option>
<option value="5">Сторож</option>
</select>

Вот так можно получить значение атрибута value, выбранной опции:

$("select#prof").val();

А вот так можно получить текст выбранной опции:

$("#prof option:selected").text();

Посмотрите пример скрипта Получение значения выбранной опции элемента select

Comments ( 0 )
    -->