วิธีแสดงตัวเลือกที่เลือกใน Dropdown List ด้วย JavaScript

หากต้องการแสดงตัวเลือกที่เลือกใน Dropdown List ด้วย JavaScript ให้ลองรันโค้ดด้านล่าง ซึ่งช่วยให้ผู้ใช้ดึงค่าที่เลือกจาก Dropdown ได้

ตัวอย่าง

<!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</p>
    <script>
      function display() {
        var obj = document.getElementById("selectNow");
        document.write(obj.options[obj.selectedIndex].text);
      }
    </script>
  </body>
</html>

obj.options[obj.selectedIndex].text ดึงข้อความ (text) ของตัวเลือกที่ถูกเลือก สามารถดึง .value ได้เช่นกัน หากไม่มีการเลือก selectedIndex = -1 จะเกิด Error ควรตรวจสอบก่อน: if (obj.selectedIndex !== -1)