Formularios PHP, Mysql e Bootstrap
13/10/2017
0
Olá tenho uma duvida e gostaria de saber se alguem pode me ajudar, tem como criar campos onde pode ser ativados no form opcionamente? tipo se criar um campo radio com quatidade de pode ser repetido um form diversas vezes, seria mais ou menos assim "quantos amigos possui?" ai teria um campo radio com quantidades como por exemplo de 1 a 10 se marcar 1 apareça um form pedindos os dados do amigo como nome, endereço e etc e se se marcado 2 aparece o mesmo form repetido duas vezes com "dados amigo 1 e dados amigo 2" e depois de preenchidos serem salvos no banco de dados.
Gustavo
Curtir tópico
+ 0
Responder
Post mais votado
13/10/2017
Vou tentar obrigado pela resposta e me desculpe mais uma vez.
Gustavo
Responder
Mais Posts
13/10/2017
Gustavo
Desculpe eu dar uma de burro é que eu queria saber se conseguiria fazer em php tava vendo a aula de form e os metodos de POST e GET ainda n cheguei em jquery n sei como fazer alterações nem mesmo entendo essa linguagem ainda, mas tudo bem, desculpe.
Responder
13/10/2017
Rafael Castro
Você pode criar um form +- desta forma
<form action="exemplo.php" method="post">
<input type="radio" id="amigos1" name="qtdAmigos">
<input type="radio" id="amigos2" name="qtdAmigos">
<input type="radio" id="amigos3" name="qtdAmigos">
<div id="amg1">
<!-- Dados que você precisa -->
</div>
<div id="amg2" hidden>
<!-- Dados que você precisa -->
</div>
<div id="amg3" hidden>
<!-- Dados que você precisa -->
</div>
....
<input type="submit" value="enviar">
</form>
<script>
$(document).ready(function(){
$("#amigos2").on("change", function(){
$("#amg2").removeAttr("hidden");
});
$("#amigos3").on("change", function(){
$("#amg2").removeAttr("hidden");
$("#amg3").removeAttr("hidden");
});
});
</script>
Isso deve resolver mas não é a melhor solução
<form action="exemplo.php" method="post">
<input type="radio" id="amigos1" name="qtdAmigos">
<input type="radio" id="amigos2" name="qtdAmigos">
<input type="radio" id="amigos3" name="qtdAmigos">
<div id="amg1">
<!-- Dados que você precisa -->
</div>
<div id="amg2" hidden>
<!-- Dados que você precisa -->
</div>
<div id="amg3" hidden>
<!-- Dados que você precisa -->
</div>
....
<input type="submit" value="enviar">
</form>
<script>
$(document).ready(function(){
$("#amigos2").on("change", function(){
$("#amg2").removeAttr("hidden");
});
$("#amigos3").on("change", function(){
$("#amg2").removeAttr("hidden");
$("#amg3").removeAttr("hidden");
});
});
</script>
Isso deve resolver mas não é a melhor solução
Responder
Clique aqui para fazer login e interagir na Comunidade :)