วิธีดึงจำนวนตัวเลือกใน Dropdown List ด้วย JavaScript

หากต้องการดึงจำนวนตัวเลือกใน Dropdown List ให้ใช้คุณสมบัติ length ใน JavaScript

ตัวอย่าง

ลองรันโค้ดด้านล่างเพื่อหาจำนวนตัวเลือกใน Drop-down:

<!DOCTYPE html>
<html>
  <body>
    <form id="myForm">
      <select id="mySelect">
        <option>One</option>
        <option>Two</option>
        <option>Three</option>
      </select>
    </form>
    <script>
      var val = document.getElementById("mySelect").length;
      document.write("<br>Options in the DropDown list: "+val);
    </script>
  </body>
</html>

selectElement.length คืนจำนวน <option> ภายใน <select> โดยตรง (ไม่ต้องผ่าน .options.length) ผลลัพธ์ตัวอย่าง: 3 คุณสมบัตินี้ Read/Write ได้ — การตั้งค่า select.length = 0 จะล้างตัวเลือกทั้งหมด, select.length = 2 จะตัดทิ้งตัวเลือกหลังดัชนี 1