Discussion :

[nono44200]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

pour vider la liste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

myselect.options.length=0

sinon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 selectedIndex=-1

[nono44200]

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!