HTML DOM OptionGroup disabled Property
Last Updated :
15 Jun, 2023
The OptionGroup disabled Property in HTML DOM is used to set or return the OptionGroup disabled property. This property checks whether the OptGroup is disabled or not. A disabled <optgroup> element is un-clickable and unusable. It is a Boolean attribute.
Syntax:
- It returns a OptionGroup disabled Property.
optiongroupObject.disabled
- It sets the OptionGroup disabled Property.
optiongroupObject.disabled = true|false
Property Values:
- true: It specifies that OptionGroup is disabled.
- false: It specifies that OptionGroup is not disabled. It is false by default.
Return Value: It returns a Boolean value that represents whether an OptionGroup is disabled or not.
Example 1: In this example, we will see the use of DOM OptionGroup disabled Property
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM OptionGroup disabled Property
</ title >
</ head >
< body style = "text-align:center" >
< h1 style = "color: green;" >
GeeksforGeeks
</ h1 >
< h2 >HTML DOM optgroup disabled Property</ h2 >
< select >
< optgroup id = "GFG" label = "Sorting Algorithms" k
disabled>
< option value = "merge" >Merge sort</ option >
< option value = "quick" >Quick sort</ option >
</ optgroup >
</ select >
< br >< br >
< button onclick = "myGeeks()" >Try it</ button >
< p id = "sudo" ></ p >
< script >
function myGeeks() {
let g = document.getElementById("GFG").disabled;
document.getElementById("sudo").innerHTML = g;
}
</ script >
</ body >
</ html >
|
Output:
Example 2: In this example, we will see the use of DOM OptionGroup disabled Property
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM OptionGroup disabled Property
</ title >
</ head >
< body style = "text-align:center" >
< h1 style = "color: green;" >
GeeksforGeeks
</ h1 >
< h2 >HTML DOM optgroup disabled Property</ h2 >
< select >
< optgroup id = "GFG" label = "Sorting Algorithms"
disabled>
< option value = "merge" >Merge sort</ option >
< option value = "quick" >Quick sort</ option >
</ optgroup >
</ select >
< br >< br >
< button onclick = "myGeeks()" >Try it</ button >
< p id = "sudo" ></ p >
< script >
function myGeeks() {
let g = document.getElementById("GFG").disabled
= "false";
document.getElementById("sudo").innerHTML = g;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers: The browsers supported by HTML DOM OptionGroup disabled Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
Share your thoughts in the comments
Please Login to comment...