Discussion :

[DaD92]

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 :

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
 
<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 :

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
 
 
     <form name="menuDeroulant">
        <div align="left">
          <tr>
            <td>Cat&eacute;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&eacute;gorie
 
 
////ici je mets le code php pour construire mon select
 
////puis la suite du formulaire
 
 </select></td>
          </tr>
          <tr>
            <td>Sous cat&eacute;gorie</td>
          </tr>
          <tr>
            <td><select class="select" name="sousTheme" style="width:200">
                <option value="null">Puis une sous cat&eacute;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

[karimphp]

salut
pourkoi tu charge pas une 2em page (en faite c'est la meme page)avec recuperation de ta 1er et 2em select
et puis tu repete le code pour la 2em et la 3em select dans cette meme page
tous simplement avec la fonction onchange et tu define le nom de la page

[DaD92]

Je sais pas faire ça, je n'y connais rien en javascript. j'ai repiquer se cript qq part (je sais meme plus ou), et je ne saurais pas le modifier...