Discussion :

[Whombat]

Bonjour à tous,

J'ai sur ma page HTML et PHP (avec du JS) toute une série de listes déroulantes, une par lettre de l'alphabet.

Le visiteur doit choisir un nom dans une des listes.

Mais il peut s'amuser et sélectionner plusieurs listes et ça je ne le veux pas. Donc je voudrais que dès qu'un nom dans une liste a été sélectionné cela remette toutes les autres à 0.

Oui, mais comment faire en JS?

Pourriez-vous m'aider ?
D'avance merci.

Cordialement.

[SpaceFrog]

Dans tes selects:

Code :

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

onchange="reinitSelects(this)"

dans le head de ta page

Code :

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

1
2
3
4
5
6
7
8
 
function reinitSelects(Obj){
 
var TabSelects = document.getElementsByTagName('select');
for (i=0;i<TabSelects.length;i++){
   if(TabSelects[i]!=Obj){TabSelects[i].selectedIndex=-1;}
  }
}

[Whombat]

Je me doutais qu'il y avait quelque chose comme ça mais j'aurais été bien incapable de le formuler.

Il semblerait, ou j'ai mal lu, que votre stratégie fasse reinitialiser tous les 'selects'. Moi je voudrais que celui qui est choisi reste sélectionné. Mais je suppose qu'une boucle 'if' devrait résoudre l'affaire.

il y a quand même un détail qui me chiffone : supposons que le 'select ' sélectionné s'appelle 'select2'. La boucle 'if' sur les noms résoud le problème mais comment sait-on que c'est le 'select' select2 qui a été choisi ? Il est vrai que c'est le seul a être sélectionné mais est-ce que cela suffit ?

En tous cas, grand merci à vous pour ces conseils. Je vais m'y mettre de ce pas.

Merci encore.

Cordialement.

[SpaceFrog]

J'ai pondu ce bout de code sans tester, mais a priori :
je passe en paramètre sur le onchange de chaque select this, donc

le test if(TabSelects[i]!=Obj) retourne false sir Obf = this donc le select qui a le focus et qui declenche ma fonction ne devrait pas être affecté ...

[Whombat]

Merci pour tous vos tuyaux.
Bonne soirée.
Cordialement.