Foros del Web - Ver Mensaje Individual - Función que despliega elementos de formulario pero no mantiene valores

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.