HTML Formulário Multiplo em HTML ou PHP

[DPB]

Ola pessoal bom dia.

 

1 - Gostaria de fazer um formulário onde abaixo dele tivesse tipo um botão de "+" onde o mesmo adicionaria um formulário extra abaixo tipo: Tenho um formulário para cadastramento de sócio e abaixo tem botão de "+" onde seria inserido outro formulário para adicionar os dependentes. A função desse botão seria para adicionar mais formulários casa fosse necessário.

 

2 - Caso de para fazer como seria a inserção no banco de dados tipo um tem que ir para a tabela sócio e o outro tem que ir para a tabela dependentes?

 

Desde já obrigado

[DiF]

@DPB Olá,

 

Você pode fazer da seguinte maneira:

 

Usar o javascript para criar um novo campo input no formulário, deixa-lo como um array e enviar ao php. lá você itera esse array e faz os inserts nas  devidas tabelas e sim, você deve fazer uma tabela para sócios e uma tabela para dependentes, onde vai ter um relacionamento de 1:N entre as duas tabelas.

 

Quanto ao código,  você precisa dar o primeiro passo.

 

Mas posso deixar um link de aprendizado de exatamente o que precisa: https://www.sanwebe.com/2013/03/addremove-input-fields-dynamically-with-jquery

[Luís Roberto C. da Silva]

@DiF costumo fazer assim:

var qtdCampos = 0;
function addCampo(){ //adiciona um novo campo.
	var objPai = document.getElementById("campoPai"); //campoPai é o ID do campo em HTML.
	//Criando o elemento DIV;
	var objFilho = document.createElement("div");
	//Definindo atributos ao objFilho:
	objFilho.setAttribute("id","filho"+qtdCampos);
	//Inserindo o elemento no pai:
	objPai.appendChild(objFilho);
  	//escrevendo o html na página:
	document.getElementById("filho"+qtdCampos).innerHTML = "<div 'seu código HTML'></div><button onclick='removeCampo("+objPai.id+","+objFilho.id+")'></button></div>";
	qtdCampos++;
}

Onde campoPai é o ID do formulário a ser copiado.

[DiF]

@Luís Roberto C. da Silva Seu código pode funcionar, mas não considero ideal e falta ali a parte de armazenamento em vetores já que são multiplos campos que serão criados, isso evitaria de criar um campo e uma variável para cada.

 

Eu prefiro usar o jquery, por ser mais prático e oferece recursos para acrescentar efeitos de forma simples.

Em todo o caso, foi uma boa contribuição ao tópico. Servirá de exemplo para outros poderem implementar o código e modifica-lo de acordo com a necessidade.