Bonjour,
Voilà, j'essaye de créer un formulaire dynamique avec possibilité d'ajouter ou de supprimer des champs.
Pour le moment, je fais mon test sur l'ajout ou la suppression de boutons.
Le script que j'ai fait fonctionne bien la première fois, mais la deuxième pas correctement.
Par exemple, je créé 3 boutons la première fois que je supprime (en
cliquant dessus). La seconde fois, je ne pourrais supprimer que le
quatrième !
Je viens de voir pourquoi ça ne fonctionne pas (eh oui, je réfléchi même pendant que j'écris mon post !)
C'est que je supprime ce qu'il y a entre les balises <span> que
j'ai créé dynamiquement, mais je n'éfface pas la balise !!!
Si quelqu'un a une idée ou une autre technique, merci !
Mon script:
<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
<!--
var n = 0;
function ajout() {
n++;
document.getElementById('toto').innerHTML += '<div id="'+n+'"><input type="button" id="'+n+'" value="'+n+'" onclick="supprimer(\''+n+'\')" /></div>';
document.getElementById('tata').value = n;
}
function supprimer(k) {
if( n >= 0) {
document.getElementById(k).innerHTML = '';
n--;
document.getElementById('tata').value = n;
}
}
//-->
</script>
</HEAD>
<BODY>
<form id="frm">
<input type="text" value="tata" id="tata" name="affichage" />
<input type="button" value="ajouter" onclick="ajout();" />
<span id='toto'></span>
</form>
</BODY>
</HTML>