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 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}`; }); 結果
仕様書
| Specification |
|---|
| HTML # dom-select-selectedindex-dev |