We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

HTMLSelectElement.selectedIndex

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

HTMLSelectElement.selectedIndex показывает порядковый номер первого выбранного элемента <option>. Значение -1 означает, что ни один из элементов не выбран.

Синтаксис

var index = selectElem.selectedIndex;
selectElem.selectedIndex = index;

Пример

HTML

<p id="p">Индекс выбранного элемента: 0</p>

<select id="select">
  <option selected>Option A</option>
  <option>Option B</option>
  <option>Option C</option>
  <option>Option D</option>
  <option>Option E</option>
</select>

JavaScript

var selectElem = document.getElementById('select')
var pElem = document.getElementById('p')

// Когда выбран новый элемент <option>
selectElem.addEventListener('change', function() {
  var index = selectElem.selectedIndex;
  // Добавить данные в <p>
  pElem.innerHTML = 'selectedIndex: ' + index;
})

Спецификации

Спецификация Статус Комментарий
HTML Living Standard
Определение 'HTMLSelectElement' в этой спецификации.
Живой стандарт Никаких изменений с момента последнего снимка, HTML5.
HTML5
Определение 'HTMLSelectElement' в этой спецификации.
Рекомендация Исходное определение, снимка с HTML Living Standard.

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

 
Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Базовая поддержка ? ? ? ? ?
Возможность Android Chrome Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Базовая поддержка ? ? ? ? ? ? ?

Метки документа и участники

Внесли вклад в эту страницу: victory-v
Обновлялась последний раз: victory-v,