Ao selecionar uma opção do meu select, preencher os demais campos do formulário
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..
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..
Jucelio
Curtidas 0
Respostas
Julio
24/04/2019
Você diz um dropdown cascade, tipo esse? https://codepen.io/alucidwolf/pen/zLEXGK
GOSTEI 0
Jucelio
24/04/2019
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.
GOSTEI 0
Jucelio
24/04/2019
Alguém tem mais alguma idéia ?
GOSTEI 0
Nathália Hirth
24/04/2019
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.
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.
GOSTEI 0
Jucelio
24/04/2019
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.
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 ?
GOSTEI 0