Effacer le contenu d'un listbox

Bonjour,

j'ai un petit problème anodin mais persistant. Je vous tout simplement effacer en entier le contenu d'un listbox, avant de le repeupler. Voici la suite de mes événement:

*listBox= objet listbox
1)Effacer l'ancien contenu du listbox

Code:

---

1 2 3 4 5 6 7 8 9

function delete() { var nbFoisTourne = listBox.options.length; for(var i=0; i<nbFoisTourne; i++) { listBox.options.remove(i); } }

---

2) Remplir le listbox avec les nouvelles valeurs

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function ajout() { for(var i=0; i<tabItemDeleted.length; i++) { addOption(listBox, tabItemDeleted[i], tabItemDeleted[i]); } }   function addOption(selectBox,text,value ) {   var docDel = document.createElement("OPTION"); docDel.text = text; docDel.value = value; selectBox.options.add(docDel); }

---

De ce fait, l'ordre des functions sont (delete, ajout (qui fait appel à la function addOption())).

Cependant, lorsque je fais une trace dans la function delete, elle fait la boucle 2 fois :S....

Bref, merci pour l'aide future
Gabriel Deschênes

Je viens de trouver!
Dans la boucle de la fonction delete(), il faut toujours enlever l'item à l'index 0 (remove(0)), car nous lors d'une suppression d'un item, la collection complète rétrograde son index de 1. Donc, l'item préalablement à l'index 2, après remove(0), va se trouver à l'index 1 et ainsi de suite, jusqu'à ce qu'il se retrouve à l'index 0 pour ainsi se faire supprimer.

Gabriel Deschênes

aller on le fait au pied de biche :

Code:

---

1 2 3 4 5 6

function delete() { listbox=document.getElementById('mylistbox'); listBox.options.length=0; }

---

Mais je confirme que la solution de boucler est plus propre.

Il existe cependant une possibilité en commençant par le debut:

Code:

---

1 2 3 4 5 6 7

function delete() listbox=document.getElementById('mylistbox'); {while(listBox.options[0]){ listbox.removeChild(listbox.options[0]; } }

---