Método add() do Select

Objeto Select do HTML DOM

Definição e uso

adicionar() Este método é usado para adicionar opções à lista suspensa.

Dica:Para remover uma opção da lista suspensa, use Método remove().

Exemplo

Exemplo 1

Adicionar a opção "Maçã" no final da lista suspensa:

var x = document.getElementById("meuSelect");
var opção = document.criarElemento("opção");
opção.texto = "Maçã";
x.adicionar(opção);

Experimente pessoalmente

Exemplo 2

Adicionar a opção "Maçã" no início da lista suspensa:

var x = document.getElementById("meuSelect");
var opção = document.criarElemento("opção");
opção.texto = "Maçã";
x.adicionar(opção, x[0]);

Experimente pessoalmente

Exemplo 3

Adicionar a opção "Maçã" na posição "2" da lista suspensa:

var x = document.getElementById("meuSelect");
var opção = document.criarElemento("opção");
opção.texto = "Maçã";
x.adicionar(opção, x[2]);

Experimente pessoalmente

Exemplo 4

Adicionar uma opção antes da opção selecionada na lista suspensa:

var x = document.getElementById("meuSelect");
if (x.selecionadoIndex >= 0) {
  var opção = document.criarElemento("opção");
  opção.texto = "Maçã";
  var sel = x.opções[x.selecionadoIndex]; 
  x.adicionar(opção, sel);
}

Experimente pessoalmente

sintaxe

selecionarObjeto.adicionar(option, index)

Valores dos parâmetros

Parâmetros Descrição
option Obrigatório. Especifica a opção a ser adicionada. Deve ser um elemento option ou optgroup.
index

Opcional. Número inteiro, especifica a posição do índice onde o novo elemento de opção deve ser inserido. O índice começa em 0.

Se o índice não for especificado, a nova opção será inserida no final da lista.

Detalhes técnicos

Valor de retorno:

Sem valor de retorno.

Suporte ao navegador

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

Objeto Select do HTML DOM