Liste deroulante liée

Bonsoir tt le monde;

j'ai un souci de ma liste deroulante liée que je n'arrive pas à resoudre c-a-d

au moment ou je selectionne nom1 j'ai ma liste 2 qui se rempli normalement mais le probleme quand je passe à nom2 il s'ajoute aprés le resultat de nom1 au lieu qui s'affiche seule et l'autre probleme quand je reviens sur nom1 il y'a de nouveau ajout par rapport à ma premier selection et cela peut aller jusqu' à l'indini , je pense que le probleme peut venir de ma methode add mais je ne suis pas trop sûr car je suis obligé d'jouter ces options car il n'exsite pas dans la liste 2 du formulaire

merci d'avance de votre aide.
Code:

1 2 3 4 5 <select name="liste1"> <option value="01">nom1</option> <option value="02">nom2</option> <option value="03">nom3</option> </select>
<select name=liste2>
</select>

Code:

document.forms[0].lstDirection.onchange = changer;
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 function changer() { iiSelect = document.forms[0].liste1selectedIndex; switch(iiSelect) { case 0 : document.getElementById("liste2").add(new Option("personne1")) document.getElementById("liste2").add(new Option("personne2")); document.getElementById("liste2").add(new Option("personne3"));break; case 1: document.getElementById("lstTypeTdb").add(new Option("personne1")) document.getElementById("liste2").add(new Option("personne2")); document.getElementById("liste2").add(new Option("personne3"));break; case 2: document.getElementById("liste2").add(new Option("personne1")) document.getElementById("liste2").add(new Option("personne2")); document.getElementById("liste2").add(new Option("personne3"));break; }