JSON atribuido via JS
Boa tarde. Utilizo uma busca com resposta em JSON para um campo UF e Cidade. Para recuperar as cidades pela UF com o JSON, utilizo esse código em JS.
$('select[id=uf]').change(function () { // ativa a função quando é selecionado uma UF pelo id = uf
var uf = $(this).val(); // recebe o valor da UF
$.get('/get-cidades', {uf : uf}, function (busca) { // pesquisa pela url com a rota /get-cidades/uf-selecionada
$('select[name=cidades]').empty(); // procura o campo com o name = cidades
$.each(busca, function (key, value) {
$('select[name=cidades]').append('<option value=' + value.id + '>' + value.name + '</option>'); // add os option
});
});
});
Até aí tudo bem, tudo funciona corretamente.
O select que recebe as cidades encontradas é de multseleção, então para não deixar o campo no estilo original do HTML, eu utilizo uma extenção do jquery.$('#cidades').multiselect({
numberDisplayed: 0,
includeSelectAllOption: true,
});
O problema é que quando adiciono essa extenção do jquery, eu não recebo mais os valores no campo cidades, o campo fica sem opção. Vou colocar 2 imagens demonstrando o que ocorre.
Sem o jquery.
Com o jquery.
Discussão (7)
Carregando comentários...