This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The label property of the HTMLOptionElement represents the text displayed for an option in a <select> element or as part of a list of suggestions in a <datalist> element. It reflects the <option> element's label attribute.
If the attribute is omitted or the empty string, the label property returns the element's text content.
A string.
const optionElement = document.getElementById("exampleOption");
console.log(`Option's label: ${optionElement.label}`);
optionElement.label = "Updated label";
| Specification |
|---|
| HTML> # dom-option-label> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
label |
1 | 12 | 71–7Before Firefox 7 thelabel property incorrectly returned an empty string if not defined instead of returning the element's text content. |
≤12.1 | 3 | 18 | 74–7Before Firefox for Android 7 thelabel property incorrectly returned an empty string if not defined instead of returning the element's text content. |
≤12.1 | 1 | 1.0 | 4.4 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLOptionElement/label