HTML | DOM Select form Property
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;" > w3wiki </ 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 = "myBeginner()" > Return ID </ button > < p id = "GFG" ></ p > < script > function myBeginner() { 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
Contact Us