generar campos con onclick

txin · #1 (**permalink**) 03/07/2010, 04:10

Hola me gustaria saber como puedo hacer para que al pulsar un boton se me ejecute una funcion que me genere varios campos en un formulario en php.

Se que es con onclick, pero no se lo que tengo que poner dentro de el

<input type="button" value="agregar campo" onclick=<?php mas_campos()?></input>

la funcion "mas_campos" agrega 2 input.

Alguna idea de como hacerlo.

Gracias y salu2

kai89 · #2 (**permalink**) 03/07/2010, 06:44

No se si es lo que buscas, pero este codigo lo que hace es que cuando clikas el primero te sale el segundo imput y ahi puedes meter los que quieras.

Cita:

<p>Imagen 1:    <input name='imagen1' value='' id='imagen1' onClick="$('#capaimagen2').show(); $('#imagen2').focus();" type='file'><span style=" font-size:9pt;"> (Esta es la imagen principal es aconsejable utilizar una de la fachada)</span>
<br />Comentario:<input name='comentario1' id='imagen2' size='33' maxlength='405' type='text'></p>

<span style='display: none;' id='capaimagen2'>
<p>Imagen 2:    <input name='imagen2' id='imagen2' onClick="$('#capaimagen3').show(); $('#imagen3').focus();" type='file'>
<br />Comentario:<input type='text' name='comentario1' value='' MAXLENGTH=405 SIZE=33></p>
</span>

kai89 · #3 (**permalink**) 03/07/2010, 06:49

Ha se me olvidaba descargate este codigo y linkaselo al archivo donde pongas ese codigo.
http://webhome.netne.net/rural/js/jquery.js
Saludos.

Adler · #4 (**permalink**) 03/07/2010, 08:27

Hola

Prueba con javascript

Código Javascript:

Ver original<html>
<head>
<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" + 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