Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để hiển thị chỉ mục của tùy chọn đã chọn trong danh sách thả xuống bằng JavaScript?


Để hiển thị chỉ mục của tùy chọn đã chọn trong danh sách thả xuống, hãy sử dụng selectIndex thuộc tính trong JavaScript.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để hiển thị chỉ mục của tùy chọn đã chọn -

<!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>