Formulario dinamico

[Lagartus]

Hola a todos, esta es mi primera pregunta, también espero ayudarles en lo que pueda.
Estoy haciendo un proyecto, y me quedé bloqueado con una cosilla, necesito que en un formulario al pulsar un botón, se añadan input text (es decir, código html) con más opciones (en este caso más input text), para seguir rellenando.
El problema consigo semi-solucionarlo con javascript pero me da muchos problemas para luego continuar con el $_POST.
Ej.
Direccion: [____input text_______] [Botón]


Alguna idea??.
Gracias de antemano.

[darioc]

una cosa que puedes hacer es llevar un input hidden con un contador. cuando crees un nuevo input text, le colocas el número del contador + 1. algo así:

Código:

<input type="hidden" name="contador" value="0">
<input type="text" name="direccion0">

// el nuevo input termina con: document.getElementById("contador").value + 1
<input type="text" name="direccion1">

lo puedes hacer de muchas maneras: con createElement(), innerHTML, Ajax..
tú decides ahí

saludos!

[eits]

creo que lo que necesitas es usar D O M

saludos.

[Lagartus]

Gracias por las respuestas. A ver entonces, lo haré con la primera solución y me leeré el tutorial de Ajax (pero solo por curiosidad)

[pabo_]

Yo hice un formulario donde me crea la cantidad de campos que yo quiera:
Para ello es necesario un php con el formulario, una funcion javascript para cambiar el action del formulario, lo que me permitira regresar al formulario con una variable que indique la cantidad de inputs nuevos.

Primero se crea el form en form.php

Código PHP:

 <form action="resultado.html" method="post" > 
    N&uacute;mero de variables: <br /> 
    <select name="cantidad_variables" onchange="javascript:ira()"> 
      <option></option> 
      <?php for($h=1; $h<=20; ++$h){ ?> 
      <option value="<?php echo $h; ?>" <?php if(isset($_POST["numvar"]) && $_POST["numvar"]==$h){ ?> selected="selected" <?php } ?>><?php echo $h; ?></option> 
      <?php } ?> 
    </select> 
 
    
    <?php if(isset($_POST["cantidad_variables"]) && $_POST["cantidad_variables"]>0){ 
    for($j=1; $j<=$_POST["numvar"]; ++$j){ ?> 
    Variable n&uacute;mero <?php echo $j; ?>: <br /> 
    <input type="text" name="variable<?php echo $j; ?>"  /> 
    <?php } } ?> 
<input type="submit" name="go" value="" class="go"/> 
  </form> 
 
  <script type="text/javascript" src="codigo.js"></script>  

Tambien hay que crear la función javascript entonces se crea el archivo codigo.js con el siguiente contenido:

Código:

function ira(){
	document.forms[0].action = "form.php";
	document.forms[0].submit();
}