faire apparaître une listebox lors d'un choix d'une listebox

**akara** · 12/07/2007, 09h32

Bonjour,
je suis 'débutant' javascript, & je voudrais faire apparaître une listebox lorsqu'un internaute choisit un département d'une listebox et ainsi de suite autant de fois que possible.
en gros, je suis mr X , je choisis un département d'une listboxA et endessous de la listeboxA j'ai la meme listebox qui apparait...ainsi de suite
est ce que c'est faisable ?

**SpaceFrog** · 12/07/2007, 09h35

voir la FAQ
http://javascript.developpez.com/faq...SS#affichObjet

**akara** · 12/07/2007, 09h51

ah oué merci

dans le FAQ , obj c'est l'ID d'un 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
 
<select name="departement" id="depart" onchange="afficher(depar1)">
	<option value="-1">- - - département - - -</option>
 <?php
  ....
  ?>
</select>	
 
<select name="departement" id="depart1"  >
	<option value="-1">- - - département - - -</option>
	<?php
        ....
       ?>
</select>

mais comment 'automatiser' le nombre de liste ? c'est à dire faire apparaître autant de liste que je veux

**SpaceFrog** · 12/07/2007, 09h55

soit en passant tous les id en paramètre, soit en mettant tous les selects dans un div et en passant l'id du div en paramètre de la fonction ...

**akara** · 12/07/2007, 09h58

ça va être chaud chaud bouiillant, je vais voir ce que je peux faire..

en tout cas je te remercie!

**SpaceFrog** · 12/07/2007, 10h05

rien de chaud bouillant là dedans, tes selects y'en a combien ? toujours un nombre fixe ?

**akara** · 12/07/2007, 10h14

justement nan, pas de nombre fixe

faut que je fasse un for(i=0.....)?! mais je ne sais pas comment faire autant de fois de liste que je veux, je pense deja qu'il faudrai faire un tableau genre
select name='dep[]' et pour l'id ? pareil?

**SpaceFrog** · 12/07/2007, 10h20

as tu un petit bout de code avec les selects ... ?

soit tu passes en paramètre tous les id ou le debut des id
ou encore un name ...

ou tu mets les selects dans un seul et même div ... mais là ça dépend de la présentation ...

**akara** · 12/07/2007, 10h28

pour l'instant j'essaye de faire fonctionner avec seulement 2 select 'caché', mais nan ça ne donne rien, si tu vois une erreur...

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
 
<select name="departement" id="depart" onchange="afficher(depart1);">
	<option value="-1">- - - département - - -</option>
	<?php
        ........
         ?>
</select>	
 
<select name="departement1" id="depart1" style="display: none;" onchange="afficher(depart2);">
	<option value="1">- - - test - - -</option>
	<option value="3">- - - a - - -</option>
	<option value="2">- - - b - - -</option>
</select>	
 
<select name="departement2" id="depart2" style="display: none;" >
	<option value="1">- - - test - - -</option>
	<option value="3">- - - a - - -</option>
	<option value="2">- - - b - - -</option>
</select>

ces select se trouve dans un td, ce que je voudrais faire c un nombre illimité de select en fonction du onchange sur un select c'est à dire si il y a un choix sur une liste alors une autre liste apparait ainsi de suite

**SpaceFrog** · 12/07/2007, 10h35

ton premier select à d'autres options ?

et la fonction ??

**akara** · 12/07/2007, 10h42

le premier select les options sont :

Code :

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

1
2
3
4
5
6
7
8
 
 <?php
        while($dep = mysql_fetch_assoc($res_dep)){
                $nom_dep = stripslashes($dep['nom']);
                $num_dep = $dep['num_dep'];
echo "\n\t\t<option value=\"".$num_dep."\">($num_dep) ".$nom_dep."</option>";
        }
 ?>

c'est la liste des départements, je me suis dis que ce n'était pas la peine de le montrer, la fonction est la même que dans le FAQ lol

**SpaceFrog** · 12/07/2007, 10h57

un petit exemple ...

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
<style type='text/css'>
.aff {display:block;}
.cach{display:none;}
</style>
<script type='text/javascript'>
function depart(choix){
if (choix==-1){return false;}
 
document.getElementById(choix).className='aff'
}
 
</script>
 
</head>
 
<body>
<select onchange="depart(this.value)" >
<option value="-1">departement</option>
<option value="_01">ain</option>
<option value="_02">aisne</option>
</select>
 
<select id='_01' class="cach">
<option>ain</option>
</select>
 
<select id='_02' class="cach">
<option>aisne</option>
</select>
<select id='_02' class="cach">
<option>ailleurs</option>
</select>
 
 
</body>
 
</html>

Ici on ne fait que afficher, pas masquer les autres...

**akara** · 12/07/2007, 11h08

hmm je vois... le principe est très clair
mais j'ai un erreur, mozilla me dit que depart is not a function,

va savoir pourquoi...

**SpaceFrog** · 12/07/2007, 11h28

sasn doute parceque tu as fait une erreur de syntaxe quelquepart ...

testé chez moi sous IE et FFX ! aucun problème

**akara** · 12/07/2007, 11h46

bah je pense pas, vu que j'ai fait exactement comme toi, & je vois vraiment pas d'erreur de syntaxe
mais c'est vraiment bizarre l'erreur, dans l'inspecteur js Firebug renvoie sur change(choix) avec depart is not a function

**SpaceFrog** · 12/07/2007, 11h47

est tu sur d'avoir fermé ta balise style ?

**akara** · 12/07/2007, 11h58

lOol bah oué
j'ai essayé de faire ça au "propre" avec balise doctype
et j'ai obtenu l'erreur suivant

document.getElementById(choix) has no properties
depart("2")Untitled-1.htm (ligne 17)
onchange(change )Untitled-1.htm (ligne 1)
[Break on this error] document.getElementById(choix).className='aff';

**SpaceFrog** · 12/07/2007, 13h26

Code :

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

depart(2)

pas un string ...

**akara** · 12/07/2007, 13h31

en effet !
j'avais remplacé this.value par '_01' ,ça allez, mais j'ai pas compris pourquoi tu faisais this.value? alors qu'il faut mettre la value de la liste suivante nan?