Hola
Cita:
Iniciado por Alun 
¿Alguna idea de cómo hacer lo que pretendo, pero que funcione?
Aún no me he cruzado con nadie que responda con el objetivo de confundir. Unas veces puedes estar mas acertado y otras menos, pero la pretensión es siempre, y repito, siempre, ofrecer la ayuda mas satisfactoria posible
Prueba con esto
Código Javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/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[]");
input.setAttribute("id", "campo" + i);
input.setAttribute("size", "12");
input.className = "input";
salto.appendChild(text);
salto.appendChild(input);
div.appendChild(salto);
}
}
</script>
</head>
<body>
<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>
</body>
</html>
Suerte