Crear input dinamicos

[sergiop21]

Buenas!!!!!!1
tengo un problemita grave, no se como crear input dinamicos, o sea
yo quiero poner un input text para colocar un numero y cuando presione enter me genere esa cantidad de input text que necesito, eso se puede hacer en java???
soy novato en esto, desde ya muchas gracias.

[Adler]

Hola

Prueba con esto

Código javascript:

function crearCampos(cantidad){
var div = document.getElementById("campos_dinamicos");
while(div.firstChild)div.removeChild(div.firstChild); // remover elementos;
    for(var i = 1, cantidad = Number(cantidad); i <= cantidad; i++){
    var salto = document.createElement("P");
    var input = document.createElement("input");
    var text = document.createTextNode("Campo Dinamico " + i + ": ");
    input.setAttribute("name", "campo" + i);
    input.setAttribute("size", "12");
    input.className = "input";
    salto.appendChild(text);
    salto.appendChild(input);
    div.appendChild(salto);
    }
}
 

Código html:

<form>
¿Cuantos Campos? <input type="text" name="cantidad" id="cantidad" value="" onkeyup="crearCampos(this.value);" />
<input type="button" id="boton" value="Crear/Eliminar Campos" onclick="crearCampos(this.form.cantidad.value);" />
<div id="campos_dinamicos"></div>
</form>
 

Suerte

[sergiop21]

Muchas gracias por la ayuda Adler, me esta sirviendo, pero necesito saber si tu me puedes orientar un poquito mas sobre lo que intento hacer, estoy haciendo un sistema de ropa, para jeans, y resulta de que los input dinamicos ya me funcionan, lo que no entiendo muy bien, es como voy a hacer para pasar todos los datos de los input a variables php para luego grabarlas en mi bd, Desde ya muchas gracias y disculpa las molestias

[zerokilled]

el navegador se encarga de enviar los datos al servidor, siempre y cuando los campos creados estan contenidos dentro del formulario. sin embargo, necesitaras una estrategia para determinar la cantidad de campos en el servidor. no estoy seguro si puedes recorrer la variable global $_POST con un foreach pero en todo caso no me parece practico ya que pueden haber otra informacion adicional no relacionada a los campos dinamicos. por tanto, lo que me parece la solucion es crear un array para los campos dinamicos. para ello, tienes que componer el nombre de los campos utilizando al final los corchetes []:

Código:

// la siguiente linea;
    input.setAttribute("name", "campo" + i);

// la cambias a;
    input.setAttribute("name", "nombre[]");
// donde nombre es el valor que quieras darle al atributo name;

en php luego obtienes los datos como un array, no estoy seguro como es porque conozco muy poco de php. quizas es algo asi, $_POST["nombre"], o $_POST["nombre[]"]

[sergiop21]

Muchas gracias por la repuesta zerokilled, !! ahora lo empiezo a probar, pero mas o menos se entiende lo que quiero hacer, sino te mando una imagen para que veas lo que estoy intentando hacer, quizas alla una forma mas facil y no sea tan complicada,
desde ya muchas gracias