Propriedade selectedIndex do Select

Objeto Select do HTML DOM

Definição e uso

selectedIndex Propriedade que define ou retorna o índice da opção selecionada na lista suspensa (índice).

Os índices começam em 0.

Comentário:Se a lista suspensa permitir seleção múltipla, ela retornará apenas o índice do primeiro item selecionado.

Comentário:O valor "-1" desmarcará todos os itens (se houver).

Comentário:Se nenhum item for selecionado, a propriedade selectedIndex retornará -1.

Veja também:

Manual de referência HTML:Etiqueta <select> do HTML

Exemplo

Exemplo 1

Selecionar o elemento <option> com índice "2":

document.getElementById("mySelect").selectedIndex = "2";

Experimente você mesmo

Exemplo 2

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("Index: " + y[x].index + " é " + y[x].text);

Experimente você mesmo

Exemplo 3

Deselecionar todos os itens:

document.getElementById("mySelect").selectedIndex = "-1";

Experimente você mesmo

Exemplo 4

Se nenhum item for selecionado, a propriedade selectedIndex retornará "-1":

var x = document.getElementById("mySelect").selectedIndex;

Experimente você mesmo

Sintaxe

Retorna a propriedade selectedIndex:

selectObject.selectedIndex

Definir a propriedade selectedIndex:

selectObject.selectedIndex = number

Valor do atributo

Valor Descrição
number Define o índice (índice) da opção selecionada na lista suspensa.

Detalhes técnicos

Valor retornado:

Número, representando o índice da opção selecionada na lista suspensa. O índice começa em 0.

Se nenhum item for selecionado, o valor retornado será -1.

Suporte ao navegador

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

Objeto Select do HTML DOM