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.
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 Standard # dom-select-selectedindex-dev |
ブラウザーの互換性
BCD tables only load in the browser