HTMLSelectElement.selectedIndex
是一个长整型数,它反映了被选中的第一个 <option>
元素的索引值。值为-1时表明没有元素被选中。
语法
var index = selectElem.selectedIndex;
selectElem.selectedIndex =
index;
示例
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
var selectElem = document.getElementById('select')
var pElem = document.getElementById('p')
// 当有新的<option>元素被选中时
selectElem.addEventListener('change', function() {
var index = selectElem.selectedIndex;
// 把index数据添加到p元素中
pElem.innerHTML = 'selectedIndex: ' + index;
})
规范
规范 | 状态 | 注释 |
---|---|---|
HTML Living Standard HTMLSelectElement |
Living Standard | No change since the latest snapshot, HTML5. |
HTML5 HTMLSelectElement |
Recommendation | Initial definition, snapshot of HTML Living Standard. |
浏览器兼容性
BCD tables only load in the browser