HTML | DOM Select form Property

Last Updated : 31 Aug, 2022

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.
Syntax:

selectObject.form

Return Value: A reference to the form element containing the drop-down list. If the drop-down list is not in a form, null is returned

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.

html

<!DOCTYPE html>
<html>
     
<head> 
    <title>
        HTML DOM Select form Property
    </title> 
</head>
 
<body style="text-align:center;">
 
    <h1 style="color:green;">
        GeeksforGeeks
    </h1> 
     
    <h2 style="font-family: Impact;">
        Select form Property
    </h2>
     
    <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>
        </select>
    </form>
     
     
 
<p>
        To return the id of the form the dropdown list
        belongs to, double-click the "Return ID" button.
    </p>
 
 
     
    <button ondblclick="myGeeks()">
        Return ID
    </button>
     
    <p id="GFG"></p>
 
 
     
    <script>
        function myGeeks() {
        var d = document.getElementById("myCourses").form.id;
        document.getElementById("GFG").innerHTML = d;
        }
    </script>
</body>
 
</html>                                                        