Open In App
Related Articles

HTML | DOM Select form Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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>                                                       

                    

Output: 
Before Clicking the button: 
 


After Clicking the button: 
 


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

  • Apple Safari 3 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Google Chrome 1 and above
  • Opera 12.1 and above


 



Last Updated : 31 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads