Ao selecionar uma opção do meu select, preencher os demais campos do formulário
24/04/2019
0
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
Posts
24/04/2019
Julio
25/04/2019
Jucelio
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.
03/05/2019
Nathália Hirth
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.
13/05/2019
Jucelio
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 ?
Clique aqui para fazer login e interagir na Comunidade :)