HTMLSelectElement: свойство selectedIndex

Базовая поддержка Широко доступно

Эта функция хорошо укоренилась и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Свойство selectedIndex интерфейса HTMLSelectElement — это числовой индекс первого выбранного элемента <option> в элементе <select>, если таковой имеется, или −1, если ни один элемент <option> не выбран. Установка этого свойства выбирает элемент с указанным индексом и отменяет выбор всех других элементов, в то время как установка значения -1 отменяет выбор всех текущих выбранных элементов.

Значение

Число.

Примеры

HTML

<p id="p">selectedIndex: 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

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

// When a new <option> is selected
selectElem.addEventListener("change", () => {
  const index = selectElem.selectedIndex;
  // Add that data to the <p>
  pElem.textContent = `selectedIndex: ${index}`;
});

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

Спецификация
HTML # dom-select-selectedindex-dev

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`selectedIndex`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedIndex