Propiedad de etiqueta de opción

Objeto Option de DOM HTML

Definición y uso

label Establecer o devolver la propiedad en la opción de la lista desplegable Propiedad label Valor.

La propiedad label define una versión más corta de la opción, esta versión más corta se mostrará en la lista desplegable.

Vea también:

Manual de referencia de HTML:Atributo label del elemento <option> de HTML

Manual de referencia de HTML:Etiqueta <option> de HTML

Ejemplo

Ejemplo 1

Cambiar el valor de etiqueta de la opción en la lista desplegable:

document.getElementById("myOption").label = "newLabel";

Prueba personal

Ejemplo 2

Devuelve el valor de etiqueta de la opción en la lista desplegable:

var x = document.getElementById("myOption").label;

Prueba personal

Ejemplo 3

Sugerencia: muestra el valor de etiqueta de la opción seleccionada en la lista desplegable:

var x = document.getElementById("mySelect").selectedIndex;
alert(document.getElementsByTagName("option")[x].label);

Prueba personal

Sintaxis

Devolver la propiedad label:

optionObject.label

Configurar la propiedad label:

optionObject.label = text

Valor de atributo

Valor Descripción
text Definir una versión más corta para la opción.

Detalles técnicos

Valor de retorno:

Valor de cadena que representa la etiqueta (label) de la opción de la lista desplegable.

Si no se especifica el atributo label, se devolverá el contenido de texto del elemento <option> (igual que el atributo text).

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Notas:No se puede establecer el atributo label en Firefox (solo se puede devolver).

Objeto Option de DOM HTML