HTMLOptionElement: selected property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Theselected property of theHTMLOptionElement interface specifies the current selectedness of the element; that is, whether the<option> is selected or not.
The presence of the HTMLselected attribute indicates the option is selected by default. It does not indicate whether this option is currently selected: if the option's state changes, theselected content attribute does not reflect the change; only theHTMLOptionElement'sselected IDL property is updated. Theselected attribute is reflected by thedefaultSelected property.
In this article
Value
A boolean.
Examples
js
const optionElement = document.getElementById("water");console.log(optionElement.selected);Specifications
| Specification |
|---|
| HTML> # dom-option-selected-dev> |