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;" >
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
Share your thoughts in the comments
Please Login to comment...