Load combobox with $.getJSON data

Question

I’m doing a method that goes in the comic book makes a query and returns the codes.

With these codes I charge to Combobox with the respective items.

There are times that fill in neat, there are times that don’t fill out... Some idea?

$.getJSON("carrega.php?id_usuario=" + id_usuario + "&id_cord=" + id_cordao,function(data){
    $.each(data.cord, function(i,user){         
        //Carrega o Combo com o Valor do BD
        $('#cbo1').val(user.cord1);
        $('#cbo2').val(user.cord2);
        $('#cbo3').val(user.cord3);
        $('#cbo4').val(user.cord4);                 
    }); 
});

Funny thing is when I put one alert before completing the Combo, it works :)

Answer 1

Fala Rafael,

When you use .val(valor) in a combo box, you are actually selecting an existing box box.

To popular a combo box through database results, you can do this:

var frutas = ['maca','pera','uva'];

var _htmlOptions = "";
$.each(frutas,function(i,fruta){
   _htmlOptions += "<option val='"+fruta+"'>"+fruta+"</option>";
});

$("#comboFrutas").append(_htmlOptions);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<select id="comboFrutas"></select>