Duplicar Text Field

[Junio Araujo 0]

Galera,

preciso gerar uma <div> ou uma <table> que possua um campo de texto <input type="text"> que a princípio seja um só. Mas preciso deixar um botão do lado dele para que se for preciso, o usuário possa adicionar outros (um em baixo do outro) para cadastrar valores. Logo em seguida, pegar todos eles e mandar para o MySQL.

 

Alguém conhece isso? como posso fazer?

 

Valew

[William Bruno 1501]

você precisa de javascript. Exemplo:

http://wbruno.com.br/2011/04/01/adicionar-inputs-opcao-de-remove-los/

[Junio Araujo 0]

William, e na hora de guardar no Banco! Todos os campos duplicados vão ser inserido como novo registro?

[William Bruno 1501]

Ai depende de você no backend, qual linguagem você vai usar?

 

foge do escopo de html e js... e preciso de mover para outro fórum.

Aqui eu faço um exemplo de como inserir um array um em cada linha com php:

http://wbruno.com.br/2011/02/04/criar-input-no-onblur-e-receber-dados-array-php/

 

 

Informe qual linguagem pretende usar, para que eu te mova para o fórum adequado.

[Junio Araujo 0]

Isso, PHP mesmo! Funciona o primeiro exemplo de com Botão Add junto com o Array em PHP?

Se der, é isso mesmo que preciso!!

[William Bruno 1501]

Sim, funciona. Basta entender o codigo e fazer a sua implementação.

[Junio Araujo 0]

William, olha ai:

 

       <script type="text/javascript">  
           $(document).ready(function(){  
               var i = 1;  

   $("input[name='add']").click(function( e ){
if( $( this ).val()!='' && $('#campos input:last').val()!='' )  
                   {  
                   if( i<10 )//limitar em 10 campos  
                   {  
                       i++  
       $('#campos').append( '<label>Conta '+i+':<input type="text" name="conta[]" value="" id="'+i+'" /></label><br><a href="#" class="remove">X</a>' ) 
	.find('input:last').focus();
				}  
                   }  
$('#campos input').delegate('a','click',function( e ){  
       e.preventDefault();  
       $( this ).parent('label').remove();  
   }); 
   });  
});		

       </script>  

 

Só gera um novo campo depois que eu digito no campo atual, mesmo assim, ele gera o novo campo e coloca o foco no Primeiro campo.

 

O que ta errado??