Agregar campos de texto como en Gmail

[MateoVasco]

Buen dia!!!

Lo que quiero hacer en un formulario es tener un link que al hacerle click haga aparecer uno y otro y tantos campos de texto como cuando se adjuntan archivos en Gmail.

Alguien sabe como hacerlo??? Muchas gracias!!!

[franciscodab]

MateoVasco;

Te copio un pequeño script js y html para que pruebes y veas si obtienes el resultado que deseas, para mi lo cumple.
Si quieres agregar textboxes tipo file solo tienes que tambiar el atributo type del input.

<script>

textBoxNro = 1;

function addTextBox() {
var obj = document.getElementById("texto");

obj.innerHTML += "<p><input type='text' name='texto_"+textBoxNro+"' size='20' /></p>";
textBoxNro++;

}
</script>

<form method="" action="" name="">
<div id="texto">
<p><input type="text" name="texto_0" size="20"/></p>
</div>
<button onclick="addTextBox();"> Agregar un nuevo textbox </button>
</form>

[franciscodab]

Me falto algo, donde dice:

textBoxNro = 1;

Debe decir:

var textBoxNro = 1;

[MateoVasco]

no funciona

[JavierB]

Hola MateoVasco

Echa un vistazo a esta página para crear elementos

Saludos,

[MateoVasco]

Excelente, muchas gracias...

Buscando en temas anteriores encontre un script de otro usuario: http://chalchis.webcindario.com/Scripts/formulario.htm

Demasiado inteligentes

[derkenuke]

franciscodab, tu código sí funciona, lo único hay que hacer al botón que sea botón de tipo normal, no submit:

Código PHP:

  <button type="button" onclick="addTextBox();"> Agregar un nuevo textbox </button>  
   

Así lo tendríamos.

[caricatos]

Iniciado por derkenuke

franciscodab, tu código sí funciona, lo único hay que hacer al botón que sea botón de tipo normal, no submit:

Código PHP:

  <button type="button" onclick="addTextBox();"> Agregar un nuevo textbox </button>  
   

Así lo tendríamos.

¡Ciertamente!

El tag button tiene por defecto el type="submit" según la w3.org, pero por supuesto que explorer implementa sus navegadores "como le da la gana" y en ese navegador, por defecto es type="button"... o sea que estamos obligados a poner ese atributo siempre si queremos que se comporte correctamente en todos los navegadores.
En algún mensaje leí que insertar elementos con createElement/appendChild-insertBefore es más rápido (y posiblemente más eficiente) que con innerHTML (yo no lo he probado).

Saludos

[warbandit69]

Oigan me intereso este tema pero tengo una duda ahora como hago si deseo eliminar el campo que agregue?

[caricatos]

Hola:

El tema se cierra porque es muy viejo, pero de todos modos la respuesta se puede ver en las FAQs -removeChild()-

Saludos