HTML Select selectedIndex实例讲解

HTML Select元素的selectedIndex属性用于设置或获取被选中选项的索引。选项的索引从0开始，表示第一个选项，依次递增。

以下是一个使用selectedIndex属性的示例：

<select id="mySelect">  <option value="apple">苹果</option>  <option value="banana">香蕉</option>  <option value="orange">橙子</option></select><button onclick="getSelectedIndex()">获取选中索引</button><script>function getSelectedIndex() {  var selectElement = document.getElementById("mySelect");  var selectedIndex = selectElement.selectedIndex;    alert("选中索引为：" + selectedIndex);}</script>

在上面的示例中，我们定义了一个包含三个选项的选择框，并给每个选项指定了一个值。然后，我们定义了一个按钮，当点击按钮时，调用了getSelectedIndex()函数。

在getSelectedIndex()函数中，我们先获取了id为"mySelect"的选择框元素，并将其赋值给selectElement变量。然后，我们使用selectedIndex属性获取了选中选项的索引，并将其赋值给selectedIndex变量。

最后，我们使用alert()函数弹出一个对话框，显示选中索引的值。

当我们点击按钮时，弹出的对话框将显示当前选中选项的索引。假设我们选择了"香蕉"选项，那么弹出的对话框将显示"选中索引为：1"。