[DOM] InnerHTML & formulaire, perte des informations
Bonjour,
Je suis actuelement en train de construire un formulaire et une partie du formulaire peut se retrouver plusieurs fois si l'utilisateur le souhaite.
Comme par exemple pour un formulaire qui recueille les informations d'un parent. Le parents peut ajouter autant de fois la partie qui traite des informations d'un enfant selon le nombre d'enfant qu'il posséde..
Mon probleme (et la je vais surement entendre crier certains puristes), est que j'utilise la propriété innerHTML d'une div pour ajouter la partie du formulaire qui peut se retrouver plusieurs fois plutot que d'utiliser le DOM. Et que à chaque fois que l'utilisateur appuis sur le bouton d'ajout...tout ce qu'il a ecrit précédemment dans le formulaire disparait
comme l'illustre l'exemple trés simplifié ci dessous :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <html>
<head>
<script language="javascript">
function add(){
var myDiv = document.getElementById('mydiv');
myDiv.innerHTML += "<input type='text' id='text2' /><br />";
}
</script>
</head>
<body>
<input type="button" value="add" onClick="add()" />
<form name='f1'>
<div id='mydiv'>
<input type='text' />
</div>
</form>
</body>
</html> |
La partie récurente de mon formulaire étant assez complexe, il m'est difficile de tout faire par des createElement() et des appendChild(), à moins de repasser 1 mois dessus...
Quelqu'un aurait-il une solution à ce problème?
merci
