Como preencher uma caixa de combinação com javascript

Uma caixa de combinação dá algumas opções de entrada do usuário.

Às vezes, em programação web você vai precisar alterar páginas da web depois que eles já foram carregados. Felizmente, javascript torna este simples. Se você precisa adicionar opções para uma caixa de combinação (chamado uma caixa de seleção em HTML), após a página é carregada, para permitir uma cascata drop-down em que cada seleção afeta o que o usuário vê na lista ao lado, por exemplo, em seguida, alguns linhas simples de javascript vai fazer o trabalho.

Obter o caixa de seleção a partir da página usando o getElementById built-in:
var selectbox = document.getElementById ( `selectBoxId`);
Criar a nova opção de utilizar a função createElement built-in:
var newOption = document.createElement ("opção")
IR
option.text = "opção de texto"
IR
option.value = "Valor da opção";
Adicionar a nova opção para a sua caixa de seleção:
selectBox.options.add (opção);

dicas & avisos

Se este código não funciona com o seu navegador, considere o uso de um quadro de javascript, como jQuery ou Prototype, que lidar com questões de compatibilidade do navegador automaticamente.

De esta maneira? Compartilhar em redes sociais: