Foros del Web » Programando para Internet » Javascript »

formulario con numero de inputs variable

Estas en el tema de formulario con numero de inputs variable en el foro de Javascript en Foros del Web. Hola, vuelvo a acudir a vosotros, a ver si me podeis arrojar algo de luz. Tengo un formulario muy simple con solo dos inputs (un ...
  #1 (permalink)  
Antiguo 23/09/2010, 06:43
FDA
 
Fecha de Ingreso: agosto-2010
Mensajes: 99
Antigüedad: 13 años, 7 meses
Puntos: 2
formulario con numero de inputs variable

Hola, vuelvo a acudir a vosotros, a ver si me podeis arrojar algo de luz.

Tengo un formulario muy simple con solo dos inputs (un codigo de producto y la cantidad), que recojo en un php y subo meto en un archivo de texto y lo subo a un servidor ftp. Hasta aquí no hay problema.

Lo que necesito es conseguir que el usuario pueda introducir tantos productos como quiera para entrarlo en un mismo archivo de texto.

He visto alguna vez formularios dinámicos que podias ir ampliando y llenando campos según el usuario necesite. Pero por mucho que he buscado no he encontrado nada.

Supongo que será con js (o igual con jquery, si es así, perdón, mover el post al foro de jquery), pero no sé como hacer para que cree otros dos campos, les dé nombre i después desde el php pueda recuperarlos.

Espero que me haya explicado, pq tengo un lio considerable jejej

Grácias!!!!
  #2 (permalink)  
Antiguo 23/09/2010, 07:17
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Respuesta: formulario con numero de inputs variable

Hola FDA

Echa un vistazo a esta página http://www.telefonica.net/web2/blas-mar/crear.html

Saludos,
  #3 (permalink)  
Antiguo 23/09/2010, 09:13
FDA
 
Fecha de Ingreso: agosto-2010
Mensajes: 99
Antigüedad: 13 años, 7 meses
Puntos: 2
Respuesta: formulario con numero de inputs variable

eso era justo lo que buscaba para crear los campos!!!!

Ya he conseguido modificarlo para adaptarlo a lo que necessito y recibir todos los datos por php.

Solo me falta una cosa que no consigo: Como le doy "forma"? Es decir, como puedo escribir el nombre del campo para que el usuario sepa que debe poner en cada uno? como los separo?

Gracias por el enlace!
  #4 (permalink)  
Antiguo 23/09/2010, 09:16
FDA
 
Fecha de Ingreso: agosto-2010
Mensajes: 99
Antigüedad: 13 años, 7 meses
Puntos: 2
Respuesta: formulario con numero de inputs variable

Por cierto, por si sirve de algo pongo el código de como ha quedado.

Código PHP:
<script type="text/javascript">
<!--
num=0;
function 
crear(obj) {
  
num++;
  
  
fi document.getElementById('fiel'); // 1
  
contenedor document.createElement('div'); // 2
  
contenedor.id 'div'+num// 3
  
fi.appendChild(contenedor); // 4

  
ele document.createElement('input'); // 5
  
ele.type 'text'// 6
  
ele.name 'codi'+num// 6
  
contenedor.appendChild(ele); // 7
  
  
ele document.createElement('input'); // 5
  
ele.type 'text'// 6
  
ele.name 'codi'+num// 6
  
contenedor.appendChild(ele); // 7

  
  
ele document.createElement('input'); // 5
  
ele.type 'text'// 6
  
ele.name 'units'+num// 6
  
contenedor.appendChild(ele); // 7
  
  
ele document.createElement('input'); // 5
  
ele.type 'button'// 6
  
ele.value 'Borrar'// 8
  
ele.name 'div'+num// 8
  
ele.onclick = function () {borrar(this.name)} // 9
  
contenedor.appendChild(ele); // 7
}
function 
borrar(obj) {
  
fi document.getElementById('fiel'); // 1 
  
fi.removeChild(document.getElementById(obj)); // 10
}
--> 
</script>
</head>
<body>
<form method="post" action="">
<fieldset id="fiel">
<input id="num_it" type="hidden" value="0" />
<input type="button" value="Crear" onclick="crear(this)" />
<input type="submit" name="enviar" value="Enviar"/>
</fieldset>
</form> 
</body>
</html> 
Lo suyo seria que delante de cada campo pudiera poner lo que deben introducir (tipicos nombre, telefono.... en mi caso el codigo y la cantidad), así como separar un poquito ambos campos.

Etiquetas: inputs, numero, formulario, variables
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:22.