Ao selecionar uma opção do meu select, preencher os demais campos do formulário

24/04/2019

10

Boa tarde .

Dentro de um formulário PHP , tenho um select com algumas opções (essas opções estão me uma tabela no banco de dados e eu utilizo essa tabela para popular esse select....).

O meu desafio agora é : quando selecionar um item desse select , os demais campos do formulário sejam preenchidos ..
Exemplo: ao selecionar o nome da pessoa e dar um tab ou clicar em outro campo, o campo rg e o campo telefone já são preenchidos.. etc..

Alguém sabe como fazer isso ?


Para que entendam melhor o cenário, esse formulário fica em uma janela modal e obviamente não desejo que ela feche...etc..
Responder

Posts

24/04/2019

Julio

Você diz um dropdown cascade, tipo esse? https://codepen.io/alucidwolf/pen/zLEXGK
Responder

25/04/2019

Jucelio

Você diz um dropdown cascade, tipo esse? https://codepen.io/alucidwolf/pen/zLEXGK



Mais ou menos isso ..
No seu tem um select onde você escolhe o fabricante do carro e com isso ele popula um segundo select com modelos de carros daquele fabricante..
No meu , tem um select onde eu escolho uma opção e ele preenche outros dois campos (text) com informações relacionadas aquela opção que eu escolhi..
Mas vou dar uma analisada no que me mandou. Pode ser um ponto de partida..
Obrigado.
Responder

03/05/2019

Jucelio

Alguém tem mais alguma idéia ?
Responder
Eu salvaria além do label do select, dois atributos data com os dados que vc precisa, pq ai vc puxa do banco uma vez só.
Por exemplo:

<select id="selectOpcao">
<option value="{}" data-valor1="{}" data-valor2="{}">Opção 1</option>
</select>

e ai no evendo onChange do select você pega esses atributos data e joga nos inputs text.

Exemplo:
$("#selectOpcao").on("change", function() {
var valor1 = $(this).find(":selected").data("valor1");
var valor2 = $(this).find(":selected").data("valor2");
$("#input1").val(valor1);
$("#input2").val(valor2);
});

Deu pra entender? Se tiver ficado confuso eu tento explicar melhor.
Responder

13/05/2019

Jucelio

Eu salvaria além do label do select, dois atributos data com os dados que vc precisa, pq ai vc puxa do banco uma vez só.
Por exemplo:

<select id="selectOpcao">
<option value="{}" data-valor1="{}" data-valor2="{}">Opção 1</option>
</select>

e ai no evendo onChange do select você pega esses atributos data e joga nos inputs text.

Exemplo:
$("#selectOpcao").on("change", function() {
var valor1 = $(this).find(":selected").data("valor1");
var valor2 = $(this).find(":selected").data("valor2");
$("#input1").val(valor1);
$("#input2").val(valor2);
});

Deu pra entender? Se tiver ficado confuso eu tento explicar melhor.



Sou novato ainda tem programação e portanto não conheço muita coisa.
O que seria esse data-valor1 ... data-valor2 ... que colocou no option ?
seriam atributos ou algo como variáveis ?
Responder