Formulario con boton "añadir otro"

loistio · #1 (**permalink**) 17/02/2012, 08:56

Saludos amigos,

Quiero crear un formulario en el que el usuario se inscriba introduciendo sus datos en el y que a mayores tenga un boton que tendria por titulo "añadir otro". y que al presionarlo debajo salga el mismo formulario repetido y el boton de "añadir otro" para que se pueda inscribir otro usuario y asi sucesivamente.

Se crear el formulario pero no se como se hace para que al presionar el boton este ejecute otro formulario.

Este tipo de forumlario lo empleo para una web relacionada con el turismo en la que los clientes se inscriben en grupo.

Si me pudierais ayudar o decirme los códigos que debo emplear os lo agradeceria.

Estoy usando Contact Form 7 con wordpress, estoy editando el css pero no se jugar con las funciones. Muchas Gracias y espero que esto le sirva a alguien más!

caricatos · #2 (**permalink**) 17/02/2012, 10:02

Hola:

No tengo idea de como funciona wp ni lo otro que comentas que usas, pero para subir de una vez más de un usuario o lo que sea, podría valerte un solo formulario, y si el formulario lo procesa php (es lo que yo uso y conozco), con javascript puedes clonar los campos que deban repetirse, y a la vez esos campos que sean arrays que basta con que sus campos acaben con un juego de corchetes para conseguirlo.

Saludos

loistio · #3 (**permalink**) 17/02/2012, 11:06

Gracias amigo,

El formulario lo procesa Php!
Desconozco el uso de javascript, me informare un poquito más por lo que hay en la web.

Y no se lo que son los arrays.

Haber si hay alguien que sepa lo que estoy trabajando y consiga llevarme por buen camino. gracias de todas formas

emprear · #4 (**permalink**) 17/02/2012, 18:07

Este ejemplo está hecho para agregar campos de tipo file, pero la idea sería la misma para campos de typo text

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
titulo
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
var i=0;
function agregar(src){
i++;
src.innerHTML+='<input name="archivo_'+i+'" type="file" id="archivo_'+i+'" value="" size="10" /><br />\n';
}
var it = i;
//]]>
</script>
</head>
<body>
<div id="generado">
<input type="file" size="10" value="" id="archivo_0" name="archivo_0"/><br />
</div>
<p>
<a href="#" onclick="agregar(document.getElementById('generado'));return false;">nuevo item</a>
</p>
</body>

quizás te oriente un poco
Saludos