Remplissage d'une liste deroulante

**monphp** · 25/05/2007, 09h10

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 :

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

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 :

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

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

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
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);
 
 
 
}

**Ouach** · 25/05/2007, 09h25

Et comme cela?

Code :

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

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 :

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
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);
 
}

**monphp** · 25/05/2007, 10h26

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

**Ouach** · 25/05/2007, 11h17

Ceci devrait fonctionner nettement mieux

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
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.

**monphp** · 25/05/2007, 11h22

merci Ouach de m'avoir eclairci les choses,

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

merci

**monphp** · 25/05/2007, 11h28

voici mon code

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
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

**Ouach** · 25/05/2007, 12h28

J'ai écrit:

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.

Remplissage d'une liste deroulante

JavaScript

Discussions similaires

Partager

Partager