HTMLSelectElement.selectedIndex

在此页

句法
范例
规范
浏览器兼容性
相关话题

HTMLSelectElement.selectedIndex 是 long that reflects the index of the first or last selected <option> element, depending on the value of multiple 。值 -1 indicates that no element is selected.

句法

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')
// When a new <option> is selected
selectElem.addEventListener('change', function() {
  var index = selectElem.selectedIndex;
  // Add that data to the <p>
  pElem.innerHTML = 'selectedIndex: ' + index;
})

规范

规范	状态	注释
HTML 实时标准 The definition of 'HTMLSelectElement' in that specification.	实时标准	无变化从最新快照起， HTML5 .
HTML5 The definition of 'HTMLSelectElement' in that specification.	推荐	Initial definition, snapshot of HTML 实时标准 .

浏览器兼容性

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`selectedIndex`	Chrome Yes	Edge 12	Firefox Yes	IE ?	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android Yes	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes

图例

完整支持
兼容性未知 ?

元数据

最后修改： Apr 28, 2019

在此页

句法

范例

HTML

JavaScript

规范

浏览器兼容性

图例

相关话题