HTMLOptionElement

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⁩.

TheHTMLOptionElement interface represents<option> elements and inherits all properties and methods of theHTMLElement interface.

Constructor

Option(): Returns a newly createdHTMLOptionElement object. It has four parameters: the text to display,text, the value associated,value, the value ofdefaultSelected, and the value ofselected. The last three parameters are optional.

Inherits properties from its parent,HTMLElement.

HTMLOptionElement.defaultSelected: Has a value of eithertrue orfalse that shows the initial value of theselected HTML attribute, indicating whether the option is selected by default or not.
HTMLOptionElement.disabled: Has a value of eithertrue orfalse representing the value of thedisabled HTML attribute, which indicates that the option is unavailable to be selected.
HTMLOptionElement.formRead only: AHTMLFormElement representing the same value as theform of the corresponding<select> element, if the option is a descendant of a<select> element, or null if none is found.
HTMLOptionElement.indexRead only: Along representing the position of the option within the list of options it belongs to, in tree-order. If the option is not part of a list of options, like when it is part of the<datalist> element, the value is0.
HTMLOptionElement.label: A string that reflects the value of thelabel HTML attribute, which provides a label for the option. If this attribute isn't specifically set, reading it returns the element'stext content.
HTMLOptionElement.selected: Has a value of eithertrue orfalse that indicates whether the option is currently selected.
HTMLOptionElement.text: A string that contains the text content of the element.
HTMLOptionElement.value: A string that reflects the value of thevalue HTML attribute, if it exists; otherwise reflects value of theNode.textContent property.