Ir ao conteúdo
  • Cadastre-se
DPB

HTML Formulário Multiplo em HTML ou PHP

Posts recomendados

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Eletrônica

PROMOÇÃO DE QUARENTENA

Aproveite o isolamento social para aprender eletrônica!
De R$ 39,90 por apenas R$ 19,90
Só até as 23h59min desta sexta-feira 10/04/2020

CLIQUE AQUI E COMPRE AGORA MESMO!