HTML | DOM Option form Property
The Option form Property in HTML DOM is used for returning the reference of the form that belongs to Option Element. This Property is read-only that returns a form object on success.
Syntax:
optionObject.form
Return Values: It returns a reference to the form that contains an Option Element. It returns a null value if the option is not in the Form.
Example: This Example returns an Option Form Property.
<!DOCTYPE html>
< html >
< head >
< title >
DOM option form Property
</ title >
< style >
body {
text-align: center;
}
h1 {
color: green;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >DOM option Form Property</ h2 >
< form id = "myGeeks" >
< select id = "GFG" >
< option id = "sudo" >
Choose an option
</ option >
< option value = "html" >
HTML
</ option >
< option value = "java" >
JAVA
</ option >
< option value = "C++" >
C++
</ option >
< option value = "php" >
PHP
</ option >
< option value = "perl" >
PERL
</ option >
</ select >
</ form >
< br >
< br >
< br >
< br >
< br >
< br >
< br >
< button onclick = "myGeeks()" >
Submit
</ button >
< h3 id = "demo" ></ h3 >
< script >
function myGeeks() {
var x = document.getElementById(
"sudo").form.id;
document.getElementById(
"demo").innerHTML = x;
}
</ script >
</ body >
</ html >
|
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browsers supported by DOM Option form Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
Last Updated :
27 Aug, 2019
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...