如何获取select-> option标签的索引

要获取<select>标签中<option>标签的索引，可以使用JavaScript的selectedIndex属性。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
 <title>获取选中的索引</title>
</head>
<body>
 <select id="mySelect">
   <option value="option1">选项1</option>
   <option value="option2">选项2</option>
   <option value="option3">选项3</option>
  </select>
 <button onclick="getIndex()">获取索引</button>
  <p id="demo"></p>

 <script>
    function getIndex() {
      var select = document.getElementById("mySelect");
      var selectedIndex = select.selectedIndex;
      document.getElementById("demo").innerHTML = "选中的索引: " + selectedIndex;
    }
  </script>
</body>
</html>

在这个示例中，我们创建了一个<select>标签，其中包含3个<option>标签。我们还创建了一个按钮，当用户点击该按钮时，将调用getIndex()函数。该函数使用getElementById()方法获取<select>标签，并使用selectedIndex属性获取选中的索引。最后，我们将结果显示在<p>标签中。