Menu déroulant (select), passer de 2 niveaux à 3 niveaux
Salut à tous,
Avant de poster j'ai fais une recherche sur le forum, mais je n'y ai pas trouver ma réponse.
Etant débutant en php et complètement ignorant en javascript, je me permet de poser ma question.
J'ai récupérer le code d'un menu fais avec 2 select, le choix du premier définissant le contenu du deuxième.
J'arrive à le faire marcher, aucun soucis(je prends le contenu des select dans un BDD).
Mais voilà, je voudrais faire un 3 select qui se rempli en fonction du choix du second, et là, mes compétences s'arrète :) .
voilà con code :
Code:
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
|
<SCRIPT LANGUAGE="JavaScript">
menu=new Array()
////là je mets mon code php qui me construit mes selects
function changeSousTheme(numeroMenu){
for (i=document.menuDeroulant.sousTheme.options.length-1;i>0;i--){
document.menuDeroulant.sousTheme.options[i]=null
}
for (i=0;i<menu[numeroMenu].length;i++){
document.menuDeroulant.sousTheme.options[i]=new Option(menu[numeroMenu][i].text,menu[numeroMenu][i].value)
}
document.menuDeroulant.sousTheme.selectedIndex=0
}
function selectmenu(theme_prin){
if (theme_prin.theme.options[theme_prin.theme.selectedIndex].value == "null"){
alert('selectionnez une catégorie avant de cliquer sur "afficher"');
}
else{
window.top.location.href = theme_prin.theme.options[theme_prin.theme.selectedIndex].value;
}
}
function destination(){
var destination = document.menuDeroulant.sousTheme.options[document.menuDeroulant.sousTheme.selectedIndex].value;
if(destination=="null"){
alert('Selectionnez une sous catégorie avant de cliquer sur "afficher"');
}
else{
window.top.location.href = destination;
}
}
</SCRIPT> |
ensuite j'affiche mon formulaire :
Code:
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
|
<form name="menuDeroulant">
<div align="left">
<tr>
<td>Catégorie</td>
</tr>
<tr>
<td><select class="select" name="theme" style="width:200" onChange="selectmenu(this.form)">
<option selected value="null">Sélectionnez une catégorie
////ici je mets le code php pour construire mon select
////puis la suite du formulaire
</select></td>
</tr>
<tr>
<td>Sous catégorie</td>
</tr>
<tr>
<td><select class="select" name="sousTheme" style="width:200">
<option value="null">Puis une sous catégorie
</select> </div>
<div align="right"><br><input name="button" type=button onClick="destination()" value="Afficher les trocs"></div>
</form> |
Pour l'instant, quand on choisi une option dans le select 1, le select 2 affiche le premier choix possible, et je voudrais aussi que il reste sur "indiférent".
Je voudrais rajouter un 3eme select qui se comporte comme le select 2 mais qui affiche des choix en fonction de ce que l'on a sélectionner dans le select 2...
Merci d'avance pour votre aide.
+
DaD
