Atributo de índice de opção

Objeto Option DOM HTML

Definição e uso

index Configuração de atributos ou retorno da posição do índice da opção na lista suspensa.

Os índices (índices) começam em 0.

Veja também:

Manual de Referência HTML:Tag <option> do HTML

Exemplo

Exemplo 1

Exibir o índice e o texto da opção selecionada na lista suspensa:

var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Índice: " + y[x].index + " é " + y[x].text);

Experimente pessoalmente

Exemplo 2

Exibir o texto e o índice de todas as opções da lista suspensa:

var x = document.getElementById("mySelect");
var txt = "Todas as opções: ";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + "\n" + x.options[i].text + " tem índice: " + x.options[i].index;
}

Experimente pessoalmente

Sintaxe

Retornar a propriedade index:

optionObject.index

Definir a propriedade index:

optionObject.index = integer

Valor do atributo

Valor Descrição
integer Define a posição do índice da opção na lista suspensa.

Detalhes técnicos

Retorno: Número, que representa a posição do índice da opção na lista suspensa. O índice começa em 0.

Suporte ao navegador

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

Objeto Option DOM HTML