如何使用JavaScript在下拉列表中显示所选选项的索引?

要在下拉列表中显示所选选项的索引,请使用JavaScript中的selectedIndex属性。

示例

您可以尝试运行以下代码以显示所选选项的索引-

<!DOCTYPE html>
<html>
   <body>
      <form id="myForm">
         <select id="selectNow">
            <option>One</option>
            <option>Two</option>
            <option>Three</option>
          </select>
          <input type="button" onclick="display()" value="Click">
      </form>
      <p>Select and click the button to get the index of the selected option.</p>
      <script>
         function display() {
            var index = document.getElementById("selectNow").selectedIndex;
            document.write(index);
         }
      </script>
   </body>
</html>