วิธีดึง ID ของฟอร์มที่มี Dropdown List ด้วย JavaScript

หากต้องการดึง ID ของฟอร์มที่มี Drop-down List ให้ใช้คุณสมบัติ form ของ Select Element แล้วตามด้วย .id ใน JavaScript

ตัวอย่าง

ลองรันโค้ดด้านล่างเพื่อหา ID ของฟอร์มที่มี Drop-down List:

<!DOCTYPE html>
<html>
  <body>
    <form id="myForm1">
      <button id="btn" type="button" value="my_button">Demo</button>
    </form><br>
    <form id="myForm2">
      <select id="mySelect">
        <option>One</option>
        <option>Two</option>
        <option>Three</option>
      </select>
    </form>
    <script>
      var val = document.getElementById("mySelect").form.id;
      document.write("<br>Form id with dropdown: "+val);
    </script>
  </body>
</html>

selectElement.form คืนออบเจ็กต์ <form> ที่เป็นเจ้าของ Select Element นั้น (owner form) แล้วเข้าถึง .id ได้ค่า "myForm2" ใช้ได้กับ Form controls ทุกชนิด: input, select, textarea, button, fieldset, output