HTMLSelectElement.selectedIndex

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/ru/web/api/html_dom_api/index.md)

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

Синтаксис

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

Пример

HTML

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

js
var selectElem = document.getElementById("select");
var pElem = document.getElementById("p");

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

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

Specification
HTML Standard
# dom-select-selectedindex-dev

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

BCD tables only load in the browser