Baseline Widely available
The disabled
property of the HTMLOptionElement
is a boolean value that indicates whether the <option>
element is unavailable to be selected. The property reflects the value of the disabled
HTML attribute.
The property reflects the value of the disabled
attribute on the <option>
element itself. If an option is disabled because it is a child of an <optgroup>
element that is disabled, the true
of the HTMLOptGroupElement.disabled
property is not inherited by the option itself.
A boolean value.
Examples HTML<label for="drink-options">Drink selection:</label>
<select id="drink-options">
<option value="water">Water</option>
<option value="lemonade">Lemonade</option>
<option value="beer">Beer</option>
<option value="whisky" disabled>Whisky</option>
</select>
JavaScript
const drinks = document.querySelectorAll("#drink-options option");
console.log(drinks[0].disabled); // false
console.log(drinks[3].disabled); // true
drinks[1].disabled = true; // disables the beer option
Result Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4