Probleme d'effacement du contenu d'un input

Résolu
MxM971 Messages postés 244 Date d'inscription   Statut Membre Dernière intervention   -  
 Utilisateur anonyme -
Bonjour,

Je travaille actuellement sur un formulaire d'inscription multiple.

j'ai donc un bouton que j'utilise pour générer des champs les uns en dessous des autres

mon problème est le suivant:

quand je génère des input supplémentaire, cela supprime ce qu'il y a déja marqué dans les autres input.

voici comment je procède:


<button onclick="addInput">Ajouter</button>
<div id="divInput">
<!--ICI VIIENDRONS LES INPUT GENERES -->
</div>



avec le JS:

function addInput()
{
  document.getElementById('divInput').innerHTML+='<div>      <input type="text" name="inputText" /><input type="text" name="inputText2" />
}


Et donc a chaque fois que je génère des nouveaux Input, tout ce que j'ai pu marquer avant s'effacent.

j'ai déja essayé de passer les champs en "readonly" , mais sans succès.

Quelqu'un peut t'il m'aider? merci !

1 réponse

Utilisateur anonyme
 
Salut,

tu peux créer les élément plutôt que de les écrire...c'est plus propre !

<body>
		<input type="button" value="Ajouter" id="add" />

		<form action="#" method="post" id="formulaire">

		</form>
		<script type="text/javascript">
			var forl = document.getElementById('formulaire');
			document.getElementById('add').onclick = function() {
				var nbr = forl.getElementsByTagName('input').length;
				var input = document.createElement('input');
				input.setAttribute('type', 'text');
				input.setAttribute('name', ('inputText' + nbr));
				forl.appendChild(input);
			}
		</script>
	</body>

0
MxM971 Messages postés 244 Date d'inscription   Statut Membre Dernière intervention   36
 
Merci je m'en vais tester ça !
0
MxM971 Messages postés 244 Date d'inscription   Statut Membre Dernière intervention   36
 
Merci, ta solution marche une fois adaptée a mes besoins !
0
Utilisateur anonyme
 
ok super :)
0