Probleme d'effacement du contenu d'un input

Résolu

MxM971 Messages postés 265 Statut Membre -
Utilisateur anonyme - 16 mai 2014 à 22:57

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 !

Afficher la suite

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>

MxM971 Messages postés 265 Statut Membre 36

Merci je m'en vais tester ça !
0
MxM971 Messages postés 265 Statut Membre 36

Merci, ta solution marche une fois adaptée a mes besoins !
0
Utilisateur anonyme

ok super :)
0

Probleme d'effacement du contenu d'un input

1 réponse

Discussions similaires

Newsletters