Remplissage d'une liste deroulante

Version imprimable

bonjour tt le monde,

j'ai un souci par rapport au remplissage de ma 2 liste c-a- dire au momment ou je clique sur direction qaulité , je dois avoir la case 0 dans switch ect ..

merci d'avance de votre aide

Code:

1
2
3
4
5
6
7
8
9
10
11
12
  <tr>
   <td></td><td>Direction concernée :</td>
 
   <td>
       <select name="lstDirection">
          <option value="01">Direction de la qualité</option>
          <option value="02">Direction du personnel</option>
          <option value="03">Direction des services Techniques</option>
          <option value="04">Direction Informatique</option>
       </select>
   </td>
  </tr>

Code:

1
2
 <select name="lstTypeTdb">
    </select

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script language ="javascript">document.forms[0].lstDirection.onchange = pvRemplir; 
 
 function pvRemplir()
{  
    var ioOption;
    var iiSelect;
    var isChoix;
    iiSelect = document.forms[0].lstDirection.selectedIndex;
 
 
 
    switch(iiSelect)
    {
 
    case 0 :   isChoix = new Array("Enquête de satisfaction", "Plaintes des usagers", "Taux d'infections nosocomiales"); break;
    case 1 :   isChoix = new Array("Taux d'absenteisme", "Effectifs par service");break;
    case 2 :   isChoix = new Array("Pannes du matériel biomédicale", "Pannes réseau électrique", "Pannes téléphoniques");break;
    case 3 :   isChoix = new Array("Coupures reseau", "Indisponibilité SIH");break;
    }
 
 
 
    ioOption = new Option(isChoix);
    document.forms[0].lstTypeTdb.add(ioOption);
 
 
 
}

Et comme cela?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
  <tr>
   <td></td><td>Direction concernée :</td>
 
   <td>
       <select name="lstDirection" onchange = "pvRemplir()">
          <option value="01">Direction de la qualité</option>
          <option value="02">Direction du personnel</option>
          <option value="03">Direction des services Techniques</option>
          <option value="04">Direction Informatique</option>
       </select>
   </td>
  </tr>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script language ="javascript">
 
 function pvRemplir()
{  
    var ioOption;
    var iiSelect;
    var isChoix;
    iiSelect = document.forms[0].lstDirection.selectedIndex;
 
    switch(iiSelect)
    {
 
    case "01" :   isChoix = new Array("Enquête de satisfaction", "Plaintes des usagers", "Taux d'infections nosocomiales"); break;
    case "02" :   isChoix = new Array("Taux d'absenteisme", "Effectifs par service");break;
    case "03" :   isChoix = new Array("Pannes du matériel biomédicale", "Pannes réseau électrique", "Pannes téléphoniques");break;
    case "04" :   isChoix = new Array("Coupures reseau", "Indisponibilité SIH");break;
    }
 
    ioOption = new Option(isChoix);
    document.forms[0].lstTypeTdb.add(ioOption);
 
}

25/05/2007, 10h26
monphp

merci de ton conseil , mais je voulais savoir , comment on pouvait résoudre ce probleme
merci

Ceci devrait fonctionner nettement mieux

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function pvRemplir()
{  
    var ioOption;
    var iiSelect;
    var isChoix;
    iiSelect = document.getElementById("lstDirection").selectedIndex;
    switch(iiSelect)
    {
	case 0 :
		document.getElementById("lstTypeTdb").add(new Option("Enquête de satisfaction"));
		document.getElementById("lstTypeTdb").add(new Option("Plaintes des usagers"));
		document.getElementById("lstTypeTdb").add(new Option("Taux d'infections nosocomiales"));
	break;
	case 1 :
		document.getElementById("lstTypeTdb").add(new Option("Taux d'absenteisme"));
		document.getElementById("lstTypeTdb").add(new Option("Effectifs par service"));
	break;
	case 2 :
		document.getElementById("lstTypeTdb").add(new Option("Pannes du matériel biomédicale"));
		document.getElementById("lstTypeTdb").add(new Option("Pannes réseau électrique"));
		document.getElementById("lstTypeTdb").add(new Option("Pannes téléphoniques"));
	break;
	case 3 :   
		document.getElementById("lstTypeTdb").add(new Option("Coupures reseau"));
		document.getElementById("lstTypeTdb").add(new Option("Indisponibilité SIH"));
	break;
    }
}
</script>
</head>
<body onLoad="pvRemplir()">
<table width="75%" border="1">
  <tr>
   <td></td><td>Direction concernée :</td>
 
   <td>
       <select name="lstDirection" onchange = "pvRemplir()">
          <option value="01">Direction de la qualité</option>
          <option value="02">Direction du personnel</option>
          <option value="03">Direction des services Techniques</option>
          <option value="04">Direction Informatique</option>
       </select>
 <select name="lstTypeTdb">
    </select>
	   </td>
  </tr>
  </table>
</body>
</html>

Il reste un détail. Quand on entre dans la fonction, le select doit être débarassé des options qu'il contient.

25/05/2007, 11h22
monphp

merci Ouach de m'avoir eclairci les choses,

je voulais l'utiliser en boucle pour eviter de tout retapper .

merci

voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function pvRemplir()
{  
    var isValeur;
    var ioOption;
    var iiSelect;
    var isChoix;
    var iiIndex;
 
    iiSelect = document.forms[0].lstDirection.selectedIndex;
 
 
    switch(iiSelect)
    {
    case 0 :   isChoix = new Array("Enquête de satisfaction", "Plaintes des usagers", "Taux d'infections nosocomiales");break;
    case 1 :   isChoix = new Array("Taux d'absenteisme", "Effectifs par service");break;
    case 2 :   isChoix = new Array("Pannes du matériel biomédicale", "Pannes réseau électrique", "Pannes téléphoniques");break;
    case 3 :   isChoix = new Array("Coupures reseau", "Indisponibilité SIH");break;
    }
 
    for(iiIndex = 0; iiIndex < isChoix.length; iiIndex++)
    {
      isValeur = isChoix[iiIndex];
      ioOption = new Option(isValeur);
      document.forms[0].lstTypeTdb.add(ioOption);
    }
 
 
 
 
 
 
}

il y'a un bug quand je clique sur le 2 items ,et là il y'a un ajout sur le resultat de la premiére au lieu que chacun ait son propre affichage

merci ouach

25/05/2007, 12h28
Ouach

J'ai écrit:

Citation:

Il reste un détail. Quand on entre dans la fonction, le select doit être débarassé des options qu'il contient.

Ce n'est pas un bug. Seulement une fonctionnalité à laquelle je n'ai pas investigué plus.
Si quelqu'un connait le moyen de supprimer les options dans un select avant remplissage avec javascript, cela aidera monphp.