[Resolvido] Adicionar mais campos em um formulário

[Mariana Sousa 0]

Olá, gostaria de saber como posso fazer que apareçam mais campos quando o usuário clicar no botão "adicionar".

 

Tenho o seguinte código:

 

<tr>

  <td colspan="2"><p>Contatos</p></td> 

</tr>



<tr>

     <td width="139">Nome:</td>

     <td width="651"><input name="nome" type="text" id="nome" size="40" maxlength="60" /> </td>

   </tr>



   <tr>

     <td>Endereço Eletronico:</td>

     <td><input name="email" type="text" id="email" size="40" maxlength="40" />

   </tr>


     <tr>

     <td>Telefone:</td>

     <td><input name="telefone" type="text" id="telefone" size="16" maxlength="14" onkeypress="return digitos(event, this);" onkeyup="Mascara('TEL',this,event);" /> </td>

   </tr>



     <tr><td>Cargo:</td>

     <td><input name="cargo" type="text" id="cargo" size="20" maxlength="30" /> </td>

   </tr>

 

Gostaria que ao clicar no botão adicionar aparecem outros campos iguais, e que ao clicar em "enviar" ao final do formulários todos os campos fossem adicionados ao bd msql.

 

Obrigada. ^_^

[Dee 0]

Mas quais campos você quer que apareça ?

 

xD

[klonder 14]

Mariana Sousa, você bem que poderia ter feito uma simples pesquisa no fórum. Já existe tópicos sobre isso:

http://forum.imasters.com.br/index.php?/topic/325267-adicionar-remover-campos-dinamicamente/page__view__findpost__p__1470697

[Mariana Sousa 0]

nome, e-mail, telefone e cargo.

quando o usuário clicar no botão adicionar mais quero que apareçam os mesmos campos.^_^

[Thiago Retondar 18]

Faça do jeito postado pelo Klonder, só que ao invés de adicionar só um campo, adicione um fieldset com todos os campos dentro.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Mariana Sousa 0]

olá Klonder e Thiago, será que vocês poderiam me ensinar como fazer isso com os campos que descrevi acima?

[Thiago Retondar 18]

Mariana,

 

tentou fazer alguma coisa? Tente fazer e se não conseguir, posta o código JavaScript que tentou.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Dr_H0us3 0]

Opa,

olhe esse exemplo:

<script language='javascript'>
function addCampo(){
	x = document.createElement('input');
	x.type = 'text';
	x.value = 'LoL';
	document.body.appendChild(x);
}
</script>

um exemplo de como chamar a função:

<a href='javascript:void(null);' onclick='addCampo()'>add campos</a>

Flwss ;)

[Mariana Sousa 0]

Olá Dr_H0us3! conseguir entender perfeitamente o seu exemplo. ^_^

 

Agora gostaria de saber como enviar esses campos adicionais para o banco de dados mysql.

(se caso essa precise abrir um tópico na sessão de php para tirar essa dúvida me avisem,por favor)

[Thiago Retondar 18]

Sim, para isso você vai precisar de PHP.

 

Cria um tópico por lá, que o pessoal te ajudar. ^_^

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif