HTMLOptionElement: value property

{{ APIRef("HTML DOM") }}

The value property of the {{DOMxRef("HTMLOptionElement")}} interface represents the value of the {{htmlelement("option")}} element as a string, or the empty string if no value is set. It reflects the element's value attribute, if present. Otherwise, it returns or sets the contents of the element, similar to the {{domxref("Node.textContent","textContent")}} property.

Value

A string containing the value attribute value, if present, or the contents of the element.

Examples

const optionElement = document.querySelector("datalist option:first-of-type");
const oldValue = optionElement.value;
optionElement.value = oldValue.toUpperCase();

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{HTMLElement("option")}}
• {{DOMXref("HTMLOptionElement.selected")}}
• {{DOMXref("HTMLOptionElement.defaultSelected")}}
• {{DOMXref("HTMLOptionElement.label")}}