5

Gostaria da ajuda nesse pequeno problema, tenho que fazer um combobox mostra 5 estados sendo carregado por um array em javascript, meu código está assim.

HTML

<select >
    <option id="estado"></option>
</select>

Meu Javascript está assim

var select = document.getElementById("estado"); 
var options = ["São Paulo", "Rio de Janeiro", "Paraná", "Pernambuco", "Rio Grande do Sul"]; 

    for(var i = 0; i < options.length; i++) {
        var opt = options[i];
        var el = document.createElement("option");
        el.textContent = opt;
        el.value = opt;
        //console.log(el);
        select.appendChild(el);
    }

Debugando no console.log ele trás os resultados bonitinhos como deve ser. Mas na hora de printar o objeto ele trás o seguinte erro.

Uncaught TypeError: Cannot read property 'appendChild' of null.

1 Resposta 1

4

O id deveria estar no select e não no option.

De qualquer maneira o código atual não deveria apresentar o erro que você mostrou, isso parece mais um problema com a ordem das coisas, ou seja, verifique se não está chamando o script antes da criação dos elementos, isso é um erro bem comum.

var select = document.getElementById("estado"); 
var options = ["São Paulo", "Rio de Janeiro", "Paraná", "Pernambuco", "Rio Grande do Sul"]; 

for(var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    
    select.appendChild(el);
}
<select id="estado">
    <option></option>
</select>

10
  • Então eu executei aqui no stack e deu certo porém no meu código continua o mesmo erro, que coisa. 15/05/2017 às 14:43
  • Então não deve existir nenhum elemento com id estado.
    – Jéf Bueno
    15/05/2017 às 14:43
  • Achou o problema @AlisonPaulo?
    – Jéf Bueno
    15/05/2017 às 14:54
  • Então eu acho que sim, mas não estou encontrando um meio de resolver. Por exemplo o html e o js estão separados, o ids estão iguais, o que acho que o html não está fazendo a requisição, não sei se tenho que fazer algum evento para enviar o id para o js 15/05/2017 às 15:08
  • Isso não faz muito sentido. Ou eu entendi tudo errado.
    – Jéf Bueno
    15/05/2017 às 15:12

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .