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>
<!--A disabled optgroup-->
<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>
<!--A disabled optgroup-->
<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