HTMLSelectElement：selectedIndex 属性

基线 广泛可用

此功能已经稳定，并且可以在许多设备和浏览器版本上运行。它自以下时间起在各个浏览器中可用： 2015 年 7 月.

HTMLSelectElement.selectedIndex 属性是一个 long 类型的值，它反映了第一个或最后一个选定的 <option> 元素的索引，具体取决于 multiple 的值。值 -1 表示没有元素被选中。

值

一个数字。

示例

HTML

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

js
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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。