Estou tentando preencher um menu dropdown que, quando a torina é colocada num botão esta funciona.
Mas como quero que esse preenchimento aconteça automaticamente tão logo o documento seja carregado me vali do jQuery.ready() para isso, no entanto, a função nele invocada não funciona, ou seja, o menu não está sendo preenchido.
Código atual:
function PreencheCombo() {
var str = "";
$.ajax({
url: '/Cadastro/PreencheComboUf',
datatype: 'json',
contentType: "application/json; charset=utf-8",
type: "POST",
success: function (data) {
str += '<label for="cbxUf" class="col-sm-4 control-label">UF</label>';
str += '<select class="form-control col-sm-4" name="cbxUf" id="cbxUf">';
$(data.result_combo).each(function () {
str += '<option value=' + this.sigla + '>' + this.descricao + '</option>';
})
str += '</select>';
$('#combo').html(str);
},
error: function (error) {
}
})
}
E a invocação:
$(document).ready(function () {
PreencheCombo();
});
Se eu colocar um botão para chamar a função PreencheCombo aí funciona, logo é a ready que não está funcionando.