Désactiver plusieurs SELECT avec javascript

**Agité** · 12/10/2007, 14h55

Bonjour,

je cherche a désactiver plusieurs select lorsqu'un seul est checked j'ai fais le script suivant ;

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function ReactivChamp()
         {		 
				 alert(document.getElementById("programme").selectedIndex);
				 if (document.getElementById("programme").selectedIndex != 0)
            {
            document.getElementById("numLot").disable="true";
            document.getElementById("ville").disable="true";
            }
 
         else if (document.getElementById("numLot").selectedIndex) != 0)
            {
            document.getElementById("programme").disable="true";
            document.getElementById("ville").disable="true";
            }
 
         else if (document.getElementById("ville").selectedIndex != 0)
            {
             document.getElementById("programme").disable="true";
            document.getElementById("numLot").disable="true";
            } 
         }

en l'appelant depuis :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<SELECT name="programme"  onChange="ReactivChamp()" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >
					<option value="none" defaut="checked">Choissisez un programme</option>
					<?php
                                                $sql = "SELECT * FROM programme";
                                                $req_sql = mysql_query($sql)or die(mysql_error());
                                                
                                                while($array = mysql_fetch_array($req_sql))
                                                {
                                                        echo "<option value=".$array['nom']." name=".$array['nom'].">".$array['nom']."</option>";
                                                }       
                                        ?>		
					</SELECT>

**E.Bzz** · 12/10/2007, 15h01

Bonjour,
je suppose donc que ton script ne fonctionne pas ?

Quelques pistes :
* true et false sont des valeurs en soi => il ne faut pas de quotes
* tu utilises document.getElementById() (ce qui est effectivement recommandé) mais tu n'as donné qu'un name à ton <select> ...

A+

**Agité** · 12/10/2007, 15h04

Envoyé par E.Bzz

Bonjour,
je suppose donc que ton script ne fonctionne pas ?

Quelques pistes :
* true et false sont des valeurs en soi => il ne faut pas de quotes
* tu utilises document.getElementById() (ce qui est effectivement recommandé) mais tu n'as donné qu'un name à ton <select> ...

A+

ok j'ai remis les valeur en diable=true

Pour ce qui est des name j'en ai donné a chaque <option>

comme tu peux le voir ici

Code :

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

echo "<option value=".$array['nom']." name=".$array['nom'].">".$array['nom']."</option>";

**E.Bzz** · 12/10/2007, 15h11

Envoyé par E.Bzz

* tu utilises document.getElementById() (ce qui est effectivement recommandé) mais tu n'as donné qu'un name à ton <select> ...

C'était sous-entendu : "Tu ne lui a pas donné d'ID alors que tu aurais dû (vu ton code)"

A+

**Agité** · 12/10/2007, 15h19

Envoyé par E.Bzz

C'était sous-entendu : "Tu ne lui a pas donné d'ID alors que tu aurais dû (vu ton code)"

A+

j'ai bien ajouter les ID

<SELECT name="programme" id="programme" onChange="ReactivChamp(this.selectedIndex)" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >

mais rien n'y fait.

**E.Bzz** · 12/10/2007, 15h28

Envoyé par Agité

j'ai bien ajouter les ID

<SELECT name="programme" id="programme" onChange="ReactivChamp(this.selectedIndex)" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >

mais rien n'y fait.

OK, mais plus précisément ?
* quel effet ?
* erreur ? (laquelle)
* tes autres scripts fonctionnent toujours après appel à celui-ci ?

EDIT :

Code :

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

<SELECT name="programme" id="programme" onChange="ReactivChamp(this.selectedIndex)" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >

Ce code ne correspond pas à celui posté (paramètre de la fonction)

A+

**Agité** · 12/10/2007, 15h32

Envoyé par E.Bzz

OK, mais plus précisément ?
* quel effet ?
* erreur ? (laquelle)
* tes autres scripts fonctionnent toujours après appel à celui-ci ?

EDIT :

Code :

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

<SELECT name="programme" id="programme" onChange="ReactivChamp(this.selectedIndex)" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >

Ce code ne correspond pas à celui posté (paramètre de la fonction)

A+

Il ne retourne pas d'erreur et les champ ne sont pas désactivés.

Le code ne correspond pas en quoi ?

je n'arrive pas a comprendre pourquoi lorsque l'index est different de 0 sur un de mes select les autre ne passent pas en disable.true

pourtant j'ai bien rajouter les ID et j'ai changer le onChange pour

onChange="Reactivchamp()" sans le this.selectedIndex

si c'est ce que tu voulais dire

merci pour l'aide en tout cas je continue de creuser

**E.Bzz** · 12/10/2007, 15h38

Envoyé par Agité

je n'arrive pas a comprendre pourquoi lorsque l'index est different de 0 sur un de mes select les autre ne passent pas en disable.true

Hum ... ben parce que c'est disabled

Désolé de pas l'avoir vu avant

EDIT : les remarques précédentes restent valables ...

A+

**Agité** · 12/10/2007, 15h42

Envoyé par E.Bzz

Hum ... ben parce que c'est disabled

Désolé de pas l'avoir vu avant

EDIT : les remarques précédentes restent valables ...

A+

ok c'est modifié j'ai remis les disabled a la place de disable, par contre je ne comprends pas pourquoi les remarque sont toujours valables etant donné que le ReactivChamp() n'a plus de parametres a passer.

Maintenant que les syntaxe sont correct puisque quand je fais un alert de

document.getElementById("programme").selectedIndex

il me retourne bien le numero du selectedIndex.

Ca veux dire qu'il passe bien dans la boucle, il trouve que le numero de l'index est different de 0 donc il doit desactiver les 2 autres champ.

Sortie de la je ne vois pas quel parametres sont manquants ou ceux a ajouter.

**E.Bzz** · 12/10/2007, 15h48

Envoyé par Agité

Sortie de la je ne vois pas quel parametres sont manquants ou ceux a ajouter.

Les remarques que tu as déjà pris en compte, et sur lesquelles il ne faut pas revenir en arrière :

* true et false sont des valeurs en soi => il ne faut pas de quotes
* tu utilises document.getElementById() (ce qui est effectivement recommandé) mais tu n'as donné qu'un name à ton <select> ...

A+

**Agité** · 12/10/2007, 15h53

Trouvé !

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function ReactivChamp()
         {		 
				 if (document.getElementById("programme").selectedIndex  != 0)
            {
            document.getElementById("numLot").disabled=true;
            document.getElementById("ville").disabled=true;
            }
 
         else if(document.getElementById("numLot").selectedIndex != 0)
            {
            document.getElementById("programme").disabled=true;
            document.getElementById("ville").disabled=true;
            }
 
         else if(document.getElementById("ville").selectedIndex != 0)
            {
             document.getElementById("programme").disabled=true;
            document.getElementById("numLot").disabled=true;
            } 
         }

et

Code :

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

1
2
<SELECT name="programme" id="programme"  onChange="ReactivChamp()" tabindex="3" class="inputch2_n" onBlur="this.className='inputch2_n'" onFocus="this.className='inputch2_s'" >
					<option value="none" id="defaut" name="defaut" defaut="checked">Choissisez un programme</option>