MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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

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;
})

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

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

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

 
Возможность 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,