HTML-тег <option>

Характеристики

• Тип: строчный, статичный, семантический
• Назначение: Представляет отдельную опцию внутри элемента <select> или <optgroup>.
• Родители: <select>, <optgroup>.
• Потомки: Текст (отображаемое значение опции).
• Глобальные атрибуты: все
• Атрибуты событий: нет

Атрибуты

• value — Значение, которое отправляется на сервер при выборе опции.
• selected — Указывает, что данная опция выбрана по умолчанию.
• disabled — Отключает элемент.
• label — Человекочитаемое название опции.

Пример использования

<select>
  <option id="myOption" value="value1">Опция 1</option>
</select>

Использование в JavaScript

// Получение элемента по ID
const option = document.getElementById('myOption');

// Изменение значения
option.value = 'новое значение';

// Выбор элемента
option.selected = true;

// Отключение элемента
option.disabled = true;

Рекомендации по обеспечению доступности (a11y)

• Используйте понятные и описательные тексты для опций, чтобы пользователи понимали, что они выбирают.

Полезные ссылки