Formularios PHP, Mysql e Bootstrap
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
Curtidas 0
Melhor post
Gustavo
13/10/2017
Vou tentar obrigado pela resposta e me desculpe mais uma vez.
GOSTEI 1
Mais Respostas
Gustavo
13/10/2017
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.
GOSTEI 0
Rafael Castro
13/10/2017
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
GOSTEI 0
Rafael Castro
13/10/2017
Tamo junto irmão
GOSTEI 0