1
resposta

Carregar Informações em campos de texto baseado em seleção de DropDownList

Olá, boa tarde.

Gostaria de saber como posso fazer para que através de uma seleção em uma DropDownList outros campos de texto sejam carregados automaticamente.

Por exemplo, tendo uma tabela de CLIENTES, onde ao selecionar na Dropdown o nome do cliente já consiga preencher em campos de texto o seu endereço, telefone e email automaticamente...

como posso realizar esse processo...?

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi Marcos, tudo bem?

Recomendo utilizar Ajax para realizar essa tarefa. Cada vez que o dropdown for selecionado, o código JavaScript do evento onchange do <select> será acionado, aí você poderá obter as informações dos campos através de uma requisição Ajax (GET) feita ao servidor. Quando o servidor retornar os dados, seu código JavaScript irá popular os campos da página com esses dados do cliente selecionado.

Você pode usar jQuery para isso:

$(document).ready(function() {
    $("#meu-dropdown-id").change(function() {
        var clienteId = "";
        $("#meu-dropdown-id option:selected").each(function() {
            clienteId += $(this)[0].value;
        });
        var url = "/Home/GetDadosCliente/" + clienteId;

        $.get(url, function(dados) {
            // preencha os campos do formulário com os dados
        });
    });
});