HTML Select selectedIndex 示例说明

HTML Select 元素的 selectedIndex 属性用于设置或获取所选选项的索引。选项索引从0开始，表示第一个选项，并按顺序递增。

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

<选择 id="mySelect"> <选项 值="苹果" >苹果选项> <选项 值="香蕉"< /span >>香蕉选项> < 选项 值="橙色">橙色选项>选择><按钮 onclick="getSelectedIndex() "< /span>>获取选定索引按钮><脚本>函数 < span class="hljs-title function_">getSelectedIndex() { var selectElement = < span class="hljs-variable language_">文档。getElementById("mySelect" ）； var selectedIndex = selectElement.selectedIndex; alert("所选索引为：" + selectedIndex) ;}脚本>

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

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

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

当我们点击按钮时，弹出的对话框将显示索引当前选择的选项，假设我们选择“Banana”选项，弹出的对话框对话框将显示“选定的索引是：1”。