Función que despliega elementos de formulario pero no mantiene valores

auttranadhie · #1 (**permalink**) 15/03/2011, 17:35

Hola:

Tengo el siguiente script que va añadiendo campos de texto de un formulario (y a una matriz en JS), pero cuando el usuario suma un campo más no se mantienen los valores que ha consignado anteriormente.

¿Cómo podría hacer para que mantuviera esos valores? ¿Ampliando los elementos de la matriz y haciendo que la recorra y rellene los campos nuevamente?

He aquí el código:

Código HTML:

<html>
<head>
</head>
<body>
<script language="JavaScript">
function addFiles()
{
    document.getElementById("parts").innerHTML += '<br><input type="text" name="userfile[]" size="60">'; 
}
</script>
<form action="../op/op.AddDocument.php" enctype="multipart/form-data" method="post" name="form1" onsubmit="return 
checkForm();">
<a href="javascript:addFiles()">Haz clic para añadir otro campo de texto</a>
<div id="parts">
<input type="text" name="userfile[]" size="60">
</div>
</form>
</body>
</html>

A todos muchas gracias por anticipado.

_cronos2 · #2 (**permalink**) 15/03/2011, 17:39

Usa DOM.
Saludos (:

Naahuel · #3 (**permalink**) 15/03/2011, 21:11

Podés probar algo así:

Código HTML:

Ver original<html>
<head>
</head>
<body>
<script language="JavaScript">
function addFiles()
{
    var contenedor = document.getElementById('parts');
    var nuevaLinea = document.createElement('p');
    nuevaLinea.setAttribute('class','nueva-linea'); 
    nuevaLinea.innerHTML = '<input type="text" name="userfile[]" size="60">'; 
    contenedor.appendChild(nuevaLinea );    
}
</script>
<form action="../op/op.AddDocument.php" enctype="multipart/form-data" method="post" name="form1" onsubmit="return 
checkForm();">
<a href="javascript:addFiles()">Haz clic para añadir otro campo de texto</a>
<div id="parts">
<p class="nueva-linea"><input type="text" name="userfile[]" size="60"></p>
</div>
</form>
</body>
</html>

Uso <p>'s de forma de separar bien las líneas y de poder fácilmente asignarle un HTML interior :) Con CSS lo estilizas mejor.

auttranadhie · #4 (**permalink**) 16/03/2011, 01:11

Hola, de nuevo:

Gracias a los dos por las prontas respuestas.

Creo que la segunda hace más referencia a lo que estoy buscando; pero ya le he echado un vistado al DOM y tiene muchas posibilidades.

Un karma para cada uno y reitero los agradecimientos.

Un slaudo.