Bonjours,j'ai besoin de faire 2 listes déroulantes liées,pour ce faire j'ai utilisé le code 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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script language="javascript">
 
function Choix(form) {
i = form.type.selectedIndex;
if (i == 0) {
  return;
  }
switch (i) {
case 1 : var txt = new Array ('Direction 1','Direction 2','Direction 3'); break;
case 2 : var txt = new Array ('Division 1','Div2','Div3'); break;
case 3 : var txt = new Array ('Service1','Service2','serv3'); break;
}
form.type.selectedIndex = 0;
for (i=0;i<3;i++) {
  form.affec.options[i+1].text=txt[i];
  }
} 
</script>
  </head>
 
  <body>
  <form name="form">
    <SELECT NAME="type" onChange='Choix(this.form)'>
<OPTION>-- Choisissez un type ---</OPTION>
<OPTION>Direction</OPTION>
<OPTION>Division</OPTION>
<OPTION>Service</OPTION>
</SELECT>
 
<SELECT NAME="affec">
<OPTION>-- Choisissez une affectation ---</OPTION>
<OPTION></OPTION>
<OPTION></OPTION>
<OPTION></OPTION>
 
</SELECT>
</form>
mais le probleme c'est que ,avec ce code,il faut que tous les types ont le meme nombre d'options,qui est exactement égal à 3,or ce n'est pas le cas.Alors comment avoir un select dynamique qui s'agrandit selon le nombre d'options ??
merci beaucoup pour votre aide