Multiples double combobox indépendantes entre elles ??

**exway01** · 06/03/2006, 22h58

Bonjour,
Quelqu'un peut il m'aider à résoudre mon problème???
Voilà, je dois faire cohabiter plusieur listes déroulantes sur une même page en tenant compte du fait qu'elles doivent être dépendantes par groupe de 2 listes mais indépendantes en chaque groupe.

Mon code actuel est le suivant mais je n'arrive pas à le mettre au point pour qu'il fonctionne comme je le souhaite.

Merci à celui (ou celle) ui pourrait m'aider .

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
 
<form name="doublecombo" >
<p>
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
<select name="stage2" size="1">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
 
</select>
</p>
 
 
<p><select name="example1" size="1" onChange="redirect(this.a.options.selectedIndex)">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
<select name="stage3" size="1">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</p>
 
<script>
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
 
group[0][0]=new Option("1","1")
group[0][1]=new Option("2","2")
group[0][2]=new Option("3","3")
 
group[1][0]=new Option("2","2")
group[1][1]=new Option("21","21")
 
group[2][0]=new Option("3","3")
group[2][1]=new Option("3","3")
group[2][2]=new Option("3","3")
group[2][3]=new Option("3","3")
 
var temp=document.doublecombo.stage2
 
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
</script>
 
<script>
var groups=document.doublecombo.example1.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
 
group[0][0]=new Option("1","1")
group[0][1]=new Option("2","2")
group[0][2]=new Option("3","3")
 
group[1][0]=new Option("2","2")
group[1][1]=new Option("21","21")
 
group[2][0]=new Option("3","3")
group[2][1]=new Option("3","3")
group[2][2]=new Option("3","3")
group[2][3]=new Option("3","3")
 
var temp=document.doublecombo.stage3
 
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
</script>
 
 
 
</form>

**Matthieu2000** · 07/03/2006, 09h27

Envoyé par exway01

je n'arrive pas à le mettre au point pour qu'il fonctionne comme je le souhaite.

Que souhaites tu faire?
PS : mets le tag code...

**exway01** · 07/03/2006, 13h32

Envoyé par Matthieu2000

Envoyé par exway01

je n'arrive pas à le mettre au point pour qu'il fonctionne comme je le souhaite.

Que souhaites tu faire?
PS : mets le tag code...

Je souhaiter faire cohabiter, sur un même formulaire, 8 listes déroulantes dépendantes par paires (L'une dépend de l'autre), ex : 2 dépend de 1, 4 dépend de 3, 6 dépend de 5 et 8 dépend de 7. Je n'arrive pas rendre indépendant un bloc de 2 listes avec les autres blocs de 2 listes.

**SpaceFrog** · 07/03/2006, 13h54

simple question de nommage des éléments et de passage de paramètre dans les fonctions ...

**Matthieu2000** · 07/03/2006, 17h26

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function redirectChamp(x,nomChamp){ 
var temp=document.doublecombo.elements[nomChamp];
 
temp.options.length=0;
for (i=0;i<group[x].length;i++){ 
temp.options[i]=new Option(group[x][i].text,group[x][i].value) 
} 
temp.options[0].selected=true 
}

**exway01** · 08/03/2006, 00h07

Merci pour l'avancé mais j'obtiens cependant une erreur m'indiquant que "(this.option.selected)" a la valeur nulle.
Je suis donc un peu bloqué une nouvelle fois.
Merci encore pour l'aide précédente.