3 Combobox (Listbox) en cascade la 3éme colonne ne s'affiche pas

**minogttao** · 03/11/2006, 20h21

Bonjour

Je souhaite proposé à l'utilisateur à l'aide de trois listbox de faire un choix descendant.

Le code suivant fonctionne mais je n'arrive pas à trouver pourquoi lorsque l'on clique dans le deuxiéme listbox rien ne s'affiche dans le troisiéme.

Question subsidiaire Peut on fixer la largeur des combobox pour qu'elle ne change pas en fonction du contenu ?

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
<html>
<head>
 
<script type="text/javascript">
<!--
var available_options = {};
available_options['meca1'] = new Array(
                                     'Moteur',
                                     'Haut moteur'
                                    );
available_options['carr1'] = new Array(
				     'voiture',
                                     'Units supérieurs avant'
                                    );
available_options['meca10'] = new Array(
                                        'moteur'
                                       );
available_options['meca11'] = new Array(
                                        'Joints moteur'
                                       );
available_options['carr10'] = new Array(
                                        'Caisse'
                                       );
available_options['carr11'] = new Array(
                                        'Capot'
                                       ); 
function loadSBOptions(selectbox1, selectBox)
{
selectBox.options.length = 0;
if(available_options[selectbox1])
{
for(i = 0; i < available_options[selectbox1].length; i++)
{
selectBox.options.add(new Option(available_options[selectbox1][i]));
}
}
else
{
}
}
-->
  </script>
</head>
<body onload="loadSBOptions(document.forms[0].selectbox1.options[document.forms[0].selectbox1.selectedIndex].value, document.forms[0].selectbox2);">
<body onload="loadSBOptions(document.forms[0].selectbox2.options[document.forms[0].selectbox2.selectedIndex].value, document.forms[0].selectbox3);">
<form method="post">
  <select name="selectbox1" size="20" onchange="loadSBOptions(this.options[this.selectedIndex].value, this.form.selectbox2);">
  <option value="meca1">Mécanique</option>
  <option value="carr1">Carrosserie</option>
  </select>
 
  <select name="selectbox2" size="20" onchange="loadSBOptions(this.options[this.selectedIndex].value, this.form.selectbox3);">
  <option value="meca10"> </option>
  <option value="meca11"> </option>
  <option value="carr10"> </option>
  <option value="carr11"> </option>
  <option value=""> </option>
  </select>
 
  <select name="selectbox3" size="20" onchange="">
  <option value=""> </option>
  </select>
</form>
 
</body>
</html>

**Bisûnûrs** · 04/11/2006, 00h09

Pourquoi tu as deux balises <body> ?

**minogttao** · 04/11/2006, 16h37

Un malheureux copier coller. J'ai rectifié mais j'ai toujours le même probléme.

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
<html>
<head>
 
<script type="text/javascript">
<!--
var available_options = {};
available_options['meca1'] = new Array(
                                     'Moteur',
                                     'Haut moteur'
                                    );
available_options['carr1'] = new Array(
				     'voiture',
                                     'Units supérieurs avant'
                                    );
available_options['meca10'] = new Array(
                                        'moteur'
                                       );
available_options['meca11'] = new Array(
                                        'Joints moteur'
                                       );
available_options['carr10'] = new Array(
                                        'Caisse'
                                       );
available_options['carr11'] = new Array(
                                        'Capot'
                                       ); 
function loadSBOptions(selectbox1, selectBox)
{
selectBox.options.length = 0;
if(available_options[selectbox1])
{
for(i = 0; i < available_options[selectbox1].length; i++)
{
selectBox.options.add(new Option(available_options[selectbox1][i]));
}
}
else
{
}
}
-->
  </script>
</head>
<body onload="loadSBOptions(document.forms[0].selectbox1.options[document.forms[0].selectbox1.selectedIndex].value, document.forms[0].selectbox2);"
onload="loadSBOptions(document.forms[0].selectbox2.options[document.forms[0].selectbox2.selectedIndex].value, document.forms[0].selectbox3);">
<form method="post">
  <select name="selectbox1" size="20" onchange="loadSBOptions(this.options[this.selectedIndex].value, this.form.selectbox2);">
  <option value="meca1">Mécanique</option>
  <option value="carr1">Carrosserie</option>
  </select>
 
  <select name="selectbox2" size="20" onchange="loadSBOptions(this.options[this.selectedIndex].value, this.form.selectbox3);">
  <option value="meca10"> </option>
  <option value="meca11"> </option>
  <option value="carr10"> </option>
  <option value="carr11"> </option>
  <option value=""> </option>
  </select>
 
  <select name="selectbox3" size="20" onchange="">
  <option value=""> </option>
  </select>
</form>
 
</body>
</html>

**Bisûnûrs** · 04/11/2006, 19h16

Tu ne peux pas avoir deux onload, sépare tes deux fonctions par un point-virgule ...

Exemple :

Code HTML :

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

<body onload="fonction1('gnia');fonction2('gnia2')">

**minogttao** · 05/11/2006, 10h22

Merci je ne savais pas que l'on ne peut pas utiliser deux onload. Toujours rien d'affiché dans le listbox 3 aprés correction, je me demande si je ne devrais pas tout reprendre à zéro sans les tableaux

.

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
<html>
<head>
 
<script type="text/javascript">
<!--
var available_options = {};
available_options['meca1'] = new Array(
                                     'Moteur',
                                     'Haut moteur'
                                    );
available_options['carr1'] = new Array(
				     'voiture',
                                     'Units supérieurs avant'
                                    );
available_options['meca10'] = new Array(
                                        'moteur'
                                       );
available_options['meca11'] = new Array(
                                        'Joints moteur'
                                       );
available_options['carr10'] = new Array(
                                        'Caisse'
                                       );
available_options['carr11'] = new Array(
                                        'Capot'
                                       ); 
function loadSBOptions(selectbox1, selectBox)
{
selectBox.options.length = 0;
if(available_options[selectbox1])
{
for(i = 0; i < available_options[selectbox1].length; i++)
{
selectBox.options.add(new Option(available_options[selectbox1][i]));
}
}
else
{
}
}
-->
  </script>
</head>
<body onload="loadSBOptions(document.forms[0].selectbox1.options[document.forms[0].selectbox1.selectedIndex].value, document.forms[0].selectbox2);loadSBOptions(document.forms[0].selectbox2.options[document.forms[0].selectbox2.selectedIndex].value, document.forms[0].selectbox3)">
<form method="post">
  <select name="selectbox1" size="20" onchange="loadSBOptions(this.options[this.selectedIndex].value, this.form.selectbox2);">
  <option value="meca1">Mécanique</option>
  <option value="carr1">Carrosserie</option>
  </select>
 
  <select name="selectbox2" size="20" onchange="loadSBOptions(this.options[this.selectedIndex].value, this.form.selectbox3);">
  <option value="meca10"> </option>
  <option value="meca11"> </option>
  <option value="carr10"> </option>
  <option value="carr11"> </option>
  <option value=""> </option>
  </select>
 
  <select name="selectbox3" size="20" onchange="">
  <option value=""> </option>
  </select>
</form>
 
</body>
</html>

**Matthieu2000** · 06/11/2006, 16h06

la valeur dans la deuxième selectiones est

'Moteur',

et non

meca10

.

3 Combobox (Listbox) en cascade la 3éme colonne ne s'affiche pas

JavaScript

Vue hybride

Discussions similaires

Partager

Partager