Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Select form Property

  • Difficulty Level : Basic
  • Last Updated : 28 Mar, 2019

The Select form property in HTML DOM is used to return the reference to the form that contains the drop-down list. This property returns a form object on success otherwise (drop-down list is not in the form) returns NULL.



Below program illustrates the Select form property in HTML DOM:

Example: This example uses Select form property to returns the id of the form containing the drop-down list.

<!DOCTYPE html>
        HTML DOM Select form Property
<body style="text-align:center;">
    <h1 style="color:green;">
    <h2 style="font-family: Impact;">
        Select form Property
    <form id="Courses">
        Select your preferred course from the drop-down list:
        <select id="myCourses" autofocus>
            <option value="C++">c++</option>
            <option value="Placement">Placement</option>
            <option value="Java">Java</option>
            <option value="Python">Python</option>
        To return the id of the form the dropdown list
        belongs to, double-click the "Return ID" button.
    <button ondblclick="myGeeks()">
        Return ID
    <p id="GFG"></p>
        function myGeeks() {
        var d = document.getElementById("myCourses");
        document.getElementById("GFG").innerHTML = d;

Before Clicking the button:

After Clicking the button:

Supported Browsers: The browser supported by DOM Select form Property are listed below:

  • Apple Safari
  • Internet Explorer
  • Firefox
  • Google Chrome
  • Opera

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :