HTML DOM selectedIndex 属性

最新推荐文章于 2021-06-16 21:11:03 发布

梅志贤

最新推荐文章于 2021-06-16 21:11:03 发布

阅读量214

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44389021/article/details/86616032

本文详细介绍了HTML中selectedIndex属性的定义和用法，该属性用于设置或返回下拉列表中被选选项的索引号。通过一个具体的JavaScript示例，展示了如何在网页上获取下拉菜单中选定选项的索引，适用于前端开发人员学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义和用法
selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。

注释：若允许多重选择，则仅会返回第一个被选选项的索引号。
语法
selectObject.selectedIndex=number

例子

<html>
<head>
<script type="text/javascript">
function getIndex()
  {
  var x=document.getElementById("mySelect")
  alert(x.selectedIndex)
  }
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()"
value="Alert index of selected option">
</form>

</body>
</html>