Probleme d'effacement du contenu d'un input

Résolu/Fermé

MxM971 Messages postés 244 Date d'inscription samedi 26 juillet 2008 Statut Membre Dernière intervention 23 octobre 2018 - 16 mai 2014 à 20:04
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 !

A voir également:

Probleme d'effacement du contenu d'un input
Word a trouvé du contenu illisible - Guide
Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
Contenu sme - Forum YouTube
Input signal out of range - Forum Ecran
Contenu mms ✓ - Forum Vos droits sur internet

1 réponse

Réponse 1 / 1

Utilisateur anonyme
16 mai 2014 à 20:31

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 244 Date d'inscription samedi 26 juillet 2008 Statut Membre Dernière intervention 23 octobre 2018 36
16 mai 2014 à 22:42

Merci je m'en vais tester ça !

MxM971 Messages postés 244 Date d'inscription samedi 26 juillet 2008 Statut Membre Dernière intervention 23 octobre 2018 36
16 mai 2014 à 22:54

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

Utilisateur anonyme
16 mai 2014 à 22:57

ok super :)

Discussions similaires

input signal out of range

Message recurent : Un site est en train de lire vos données

Savoir de quel ville à été envoyé le message

ca veut dire quoi wmg sur youtube ?

Contenue masqué