[Resuelto] Problema cuando añado campos de texto, se borra el texto de los anteriores

[Carlillus]

Hola, he creado una página en la que se tendría que poder añadir a un número dinámico de usuarios a un grupo.

Para ello, inicialmente en la página, hay un campo de texto en el que se puede escribir el nombre del primer usuario y un botón debajo, que cuando haces clic en él, se van añadiendo más campos de texto. El problema es que cuando se añade un campo de texto nuevo, desaparece el texto de los campos que ya existían y me gustería que se conservara.

El script usado es el siguiente:

Código HTML:

<script type="text/javascript">
	inumber = 1
	function addInvite(){
		invites = document.getElementById("invites");
		invites.innerHTML=invites.innerHTML+"<br/><input type=\"text\" name=\"invite_"+inumber+"\"/>"
		inumber++;
	}
</script>
<form method="post" action="group_management.php?act=invite&gid='.$gid.'" name="invit">
	<p><div id="invites">
	<input type="text" name="invite_0" />
	</div></p>
	<p><input type="button" onclick="addInvite()" value="Añadir otro usuario"/></p>
</form> 

[maycolalvarez]

Código Javascript:

function addInvite(){
var contenedor= document.getElementById('invites');
var nuevo = document.createElement('div');
nuevo.style.display=''; //inline (si no se muestra)
nuevo.innerHTML="<br/><input type=\"text\" name=\"invite_"+inumber+"\"/>";
contenedor.appendChild(nuevo);
}
 

intentalo y suerte

el problema ocurre debido a que modificas todo el innerHTML del contenedor y esto hace que pierdas el valor de los inputs

[mhax]

Puedes hacer:
elemento.innerHTML+= "input";

Para agregar algun elemento sin borrar lo que estaba antes.

Saludos.

[Carlillus]

Muchas gracias, ha funcionado ^^