Adicionar novo campo

[cassiombc 0]

Galera, gostaria de saber como eu posso em um formulário, ter uma botão que adicione tres input type text?

 

EX.

 

Clique aqui

[Luiz Fernando - Ampol 2]

Você pode pesquisar isso no google também....

 

http://stackoverflow.com/questions/5656392/how-to-create-input-type-text-dynamically

[cassiombc 0]

eu consegui com java script,da seguinte maneira:

<script>
   function change_qtd(){

       var prod_qtd =document.getElementById("prod_qtd").value;

       if (prod_qtd =="" || prod_qtd ==0 || isNaN(prod_qtd)){

           document.getElementById("qtd_error").style.display="block";
           document.getElementById("bt_enviar").disabled=true;
           setTimeout('document.getElementById("prod_qtd").focus();',5);
       }
       else
       {
           document.getElementById("qtd_error").style.display="none";
           document.getElementById("bt_enviar").disabled=false;

           var total_input = parseFloat(document.getElementById("form_prod").getElementsByTagName("input").length);
           var total_selec = parseFloat(document.getElementById("form_prod").getElementsByTagName("select").length);

           var qtd_atual =  (total_input + total_selec)/3;

           var qtd_exibir = parseFloat( document.getElementById("prod_qtd").value);

           if (qtd_atual > qtd_exibir){

               qtd_exibir++;

               for (num=qtd_exibir;num<=qtd_atual;num++){document.getElementById("form_prod").removeChild(document.getElementById("prod_"+num));
               }
           }
           else{

               qtd_atual++;

               for (num=qtd_atual;num<=qtd_exibir;num++){
                   var new_prod =document.createElement("div");
                   new_prod.setAttribute("id","prod_"+num);
                   new_prod.innerHTML='<div class="prod_num">'+num+'</div>\n<div><input class="n_serie" type="text" name="n_serie_'+num+'" onkeydown="validar_num(event);" size="12" maxlength="13"/></div>\n<div>\n<input  id="dec_'+num+'" class="descricao" type="text" name="descricao_'+num+'" size="12" maxlength="12"/></div>\n<div><input class="problema" size="100" maxlength="100" type="text" name="problema_'+num+'"/></div>';

                   document.getElementById("form_prod").appendChild(new_prod);
                   new AutoSuggest(document.getElementById("dec_"+num),lista_produtos);
               }
           }

       }
   }
</script>