1

Preciso criar um select Neste padrão:

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

Onde o usuário selecionará o estado dele, e então será feito um jquery que busca as cidades de acordo com o estado selecionado. até aqui eu consigo fazer (mas ainda não fiz), o meu problema é como faria para enviar os dados de retorno de json para o dropdown (Select), e queria saber se o select a cima também está correto para preencher os dados.

2
  • 2
    você já fez uma pergunta muito parecida com essa semana passada, eu fiz um update na minha resposta vê se não te ajuda. Ai pode remover essa pergunta =]
    – Brunno
    Commented 21/11/2016 às 23:33
  • pois é @Brunno kkk mas como o escopo deu uma mudada, preferi fazer uma nova pergunta, até mesmo pq já tentei fazer outra pergunta em cima de uma pergutna e me criticaram rsrsrs. mas obrigado. quando chegar em casa eu vejo ;) Valeu Mesmo. Ah se tu puder me ajudar nesta outra Pergunta Commented 21/11/2016 às 23:54

1 Resposta 1

2
    $.ajax({
        type: ...,
        url: ...,
        datatype: "Json",
        data: { ... },
        success: function (data) {
            if (data.length > 0) {
                $.each(data, function (index, value) {
                    $('#Cidades').append('<option value="' + value.Id+ '">' + value.Nome + '</option>');
                });
            } else {
                var novaOpcao = $('<option value=""></option>');
                $('#Cidades').append(newOption);
            }
        }
    });

O retorno entra no callback success. Ele utiliza um loop para cada cidade retornada em Json. Coloquei como value.Id e value.Nome para referenciar as propriedades da entidade Cidade, mas se for outro é só ajustar.

O "else" força uma opção nula caso não existam cidades cadastradas para aquele Estado, daí facilita a validação pelo menos do front-end caso você tenha definido isso.

1
  • Funcionou, porém se eu clicar mais de uma vez no botão, ele preenche com os dados duplicando tudo. acredito que teria que limpar esta lista primeiro, antes de adicionar novamente. Sabe como posso fazer? Commented 22/11/2016 às 4:20

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 .