Estoy intentando añadir inputs en un formulario pero tengo un problema. Cada vez que añado nuevos imputs, el texto con el que he rellenado los anteriores inputs desaparece.
Mi código es:
Código HTML:
var i=1;
function addFoto()
{
var padre = document.getElementById('fotos');
var inpt = document.createElement('input');
inpt.type="text";
inpt.name="cami"+i;
inpt.id="cami"+i;
i++;
padre.appendChild(inpt);
padre.innerHTML+="<br />";
}
...
<div id="fotos">
<p>Fotos (<a href="#" onclick="javascript:addFoto()">Click para + fotos</a>)</p>
<input type="text" id="foto0" name="foto0" value="" /><br />
</div> Como ya he dicho, el código funciona correctamente, pero cuando hago click para añadir un IMPUT el contenido de los anteriores se elimina y no encuentro la forma de mantenerlo.
¡Gracias!