Probleme d'effacement du contenu d'un input
Résolu
MxM971
Messages postés
265
Statut
Membre
-
Utilisateur anonyme -
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:
avec le JS:
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 !
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
- Effacement blanco - Télécharger - Divers Utilitaires
- Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
- No video input enter sleep mode ✓ - Forum Matériel & Système
- Fusionner deux cellules excel en gardant le contenu - Guide
1 réponse
Salut,
tu peux créer les élément plutôt que de les écrire...c'est plus propre !
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 !
MxM971
Messages postés
265
Statut
Membre
36
Merci, ta solution marche une fois adaptée a mes besoins !
Utilisateur anonyme
ok super :)