Hola, buenos días a todos.
Les cuento mi problema: verán, estoy trabajando en un formulario en el cual pulsando un botón, deberían añadirse más campos, es decir, hay un campo por defecto y, pulsando un botón, se añaden más.
El código JavaScript que tengo es este:
Código:
<script language="javascript">
function more() {
step = "<input type='text'>";
document.getElementById("steps").innerHTML += step;
}
</script>
Luego tengo un DIV con el nombre steps:
Código:
<div id='steps'><input type='text'></div>
Y un botón que llama a la función more()
Código:
<input type='button' onClick='javascript:more()' value='Más campos'>
Todo funciona, si le doy a añadir efectivamente se añade otro. Mi único problema es que cuando se pulsa en añadir más, es decir, cuando se pone en marcha la función, ME BORRA los datos de los campos ya existentes. Es decir, si ya he rellenado el primer campo y pulso en añadir otro, éste se me añade, pero el primero vuelve a estar vacío. Me pasa igual cuando en lugar de campos de texto son otras cosas (como iframes, en este caso cada vez que se añade uno nuevo se actualizan todos...)
¿Alguna solución? Me sería de enorme utilidad.
¡Gracias!