Propriedade de rótulo da opção

Objeto Option DOM HTML

Definição e uso

label Propriedade definida ou retornada nas opções da lista suspensa Propriedade label do valor.

A propriedade label define uma versão mais curta da opção, que será exibida na lista suspensa.

Veja também:

Manual HTML:Atributo label do <option> do HTML

Manual HTML:Etiqueta <option> do HTML

Exemplo

Exemplo 1

Alterar o valor do rótulo da opção na lista suspensa:

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

Experimente você mesmo

Exemplo 2

Retornar o valor do rótulo da opção na lista suspensa:

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

Experimente você mesmo

Exemplo 3

Mostrar o valor do rótulo da opção selecionada na lista suspensa:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade label:

optionObject.label

Definir a propriedade label:

optionObject.label = text

Valor do atributo

Valor Descrição
text Definir uma versão mais curta para a opção.

Detalhes técnicos

Retorno:

Valor de string que representa o rótulo da opção da lista suspensa (label).

Se o atributo label não for especificado, ele retornará o conteúdo textual do elemento <option> (igual ao atributo text).

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Notas:Não é possível definir o atributo label no Firefox (somente retorna).

Objeto Option DOM HTML