vider liste déroulante

Bonjour,
Je suis newbie en Javascript et j'ai un petit problème.

J'ai un formulaire HMTL avec 3 liste déroulantes :

liste déroulante 1 : country
liste déroulante 2 : zone 1
liste déroulante 3 : zone 2

Sur l'événement onchange de la liste country, j'appelle une fonction javascript nommée setAction('init','country')

Cette fonction est implémentée comme suit.

Code:

---

1 2 3 4 5 6 7

function setAction(action, changedItem){ document.getElementById('action').value = action; if (changedItem == 'country') { document.getElementById('zone2').value = ''; } document.forms[0].submit(); }

---

Cette fonction met la valeur 'action' dans un champ caché et est censée mettre la liste déroulante "zone2" à vide.

Sur Internet Explorer 7 le code fonctionne mais pas sur Firefox 2.0.

Je ne comprends pas, d'où vient l'erreur?
Si quelqu'un à une idée merci d'avance

tu veux vider la liste de tous ses éléments ou simplement remettre la selection à vide ...

pour vider la liste

Code:

---

myselect.options.length=0

---

sinon

Code:

---

selectedIndex=-1

---

Bonjour SpaceFrog,
J'avais laissé momentanément ce problème de côté mais c'était bien ça.
selectedIndex=-1

je fais donc :

document.getElementById('city').selectedIndex=-1;

Un grand merci!