javascript et plusieurs select

javascript et plusieurs select - HTML/CSS - Programmation

Marsh Posté le 05-07-2005 à 14:46:35    

Bonjour, j'ai un petit soucis avec ce code

<script>
function adresse(){
 var age_selectionne=document.formu.age.selectedIndex;
 var division_selectionne=document.formu.division.selectedIndex;
 var groupe_selectionne=document.formu.groupe.selectedIndex;
 var age = document.formu.age.options[age_selectionne].text;
 var division = document.formu.division.options[division_selectionne].text;
 var groupe = document.formu.groupe.options[groupe_selectionne].text;
 switch (age){
  case "Jeunes" : switch(division){
       case "Division 1" : switch(groupe){
             case "Groupe 1" : window.open("http://jeunes-div1-gr1" );break;
             case "Groupe 2" : window.open("http://jeunes-div1-gr2" );break;
            }
            break;
       case "Division 3" : switch(groupe){
             case "Groupe 5" : window.open("http://jeunes-div3-gr5" );break;
            }
            break;
      }
      break;
  case "Adultes" : switch(division){
       case "Division 2" : switch(groupe){
             case "Groupe 3" : window.open("http://adultes-div2-gr3" );break;
             case "Groupe 4" : window.open("http://adultes-div2-gr4" );break;
             case "Groupe 5" : window.open("http://adultes-div2-gr5" );break;
            }
            break;
       case "Division 4" : switch(groupe){
             case "Groupe 6" : window.open("http://adultes-div4-gr6" );break;
            }
            break;
       case "Division 5" : switch(groupe){
             case "Groupe 7" : window.open("http://adultes-div5-gr7" );break;
            }
            break;
       case "Division 6" : switch(groupe){
             case "Groupe 8" : window.open("http://adultes-div6-gr8" );break;
             case "Groupe 9" : window.open("http://adultes-div6-gr9" );break;
             case "Groupe 10" : window.open("http://adultes-div6-gr10" );break;
             case "Groupe 11" : window.open("http://adultes-div6-gr11" );break;
             case "Groupe 12" : window.open("http://adultes-div60-gr12" );break;
            }
            break;            
      }
      break;
 }
}
function changeAge(){
 var indice_selectionne=document.formu.age.selectedIndex;
 var chango=document.formu.age.options[indice_selectionne].text;
 switch (chango){
  case "Adultes":
     for (i = 0; i < Number(document.formu.division.options.length-1); i++){
      document.formu.division.options.length--;
     }
     document.formu.division.options[0]=new Option('Division 2','div0');
     document.formu.division.options[1]=new Option('Division 4','div1');
     document.formu.division.options[2]=new Option('Division 5','div2');
     document.formu.division.options[3]=new Option('Division 6','div3');
     for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
      document.formu.groupe.options.length--;
     }
     document.formu.groupe.options[0]=new Option('Groupe 3','gr0');
     document.formu.groupe.options[1]=new Option('Groupe 4','gr1');
     document.formu.groupe.options[2]=new Option('Groupe 5','gr2');
     break;
  case "Jeunes":
     for (i = 0; i < Number(document.formu.division.options.length-1); i++){
      document.formu.division.options.length--;
     }
     document.formu.division.options[0]=new Option('Division 1','div0');
     document.formu.division.options[1]=new Option('Division 3','div1');
     for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
      document.formu.groupe.options.length--;
     }
     document.formu.groupe.options[0]=new Option('Groupe 1','gr0');
     document.formu.groupe.options[1]=new Option('Groupe 2','gr1');
     break;
 }
}
function changeDiv(){
 var indice_selectionne=document.formu.division.selectedIndex;
 var chango=document.formu.division.options[indice_selectionne].text;
 switch (chango){
  case "Division 1":
     for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
      document.formu.groupe.options.length--;
     }
     document.formu.groupe.options[0]=new Option('Groupe 1','gr0');
     document.formu.groupe.options[1]=new Option('Groupe 2','gr1');
     break;  
  case "Division 2":
     for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
      document.formu.groupe.options.length--;
     }
     document.formu.groupe.options[0]=new Option('Groupe 3','gr0');
     document.formu.groupe.options[1]=new Option('Groupe 4','gr1');
     document.formu.groupe.options[2]=new Option('Groupe 5','gr2');
     break;
  case "Division 3":
     for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
      document.formu.groupe.options.length--;
     }
     document.formu.groupe.options[0]=new Option('Groupe 5','gr0');
     break;
  case "Division 4":
     for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
      document.formu.groupe.options.length--;
     }
     document.formu.groupe.options[0]=new Option('Groupe 6','gr0');
     break;  
  case "Division 5":
     for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
      document.formu.groupe.options.length--;
     }
     document.formu.groupe.options[0]=new Option('Groupe 7','gr0');
     break;
  case "Division 6":
     for (i = 0; i < Number(document.formu.groupe.options.length-1); i++){
      document.formu.groupe.options.length--;
     }
     document.formu.groupe.options[0]=new Option('Groupe 8','gr0');
     document.formu.groupe.options[1]=new Option('Groupe 9','gr1');
     document.formu.groupe.options[2]=new Option('Groupe 10','gr2');
     document.formu.groupe.options[3]=new Option('Groupe 11','gr3');
     document.formu.groupe.options[4]=new Option('Groupe 12','gr4');
     break;
 }
}
</script><br><br>
personnes : jeunes / adultes
<br><br>
Jeunes : division 1 division 3
<br>
adultes : division 2 division 4 division 5 division 6
<br><br>
division 1 : groupe 1 / 2
<br>
division 2 : groupe 3 / 4 / 5
<br>
division 3 : groupe 5  
<br>
division 4 : groupe 6
<br>
division 5 : groupe 7
<br>
division 6 : groupe 8,9,10,11,12
<br>
 
<form name="formu">
<select name="age" onchange="changeAge()">
<option value="age0">Jeunes</option>
<option value="age1">Adultes</option>
</select>
<select name="division" onchange="changeDiv()">
<option value="div0">Division 1</option>
<option value="div1">Division 3</option>
</select>
<select name="groupe" onchange="changeGroupe()">
<option value="gr0">Groupe 1</option>
<option value="gr1">Groupe 2</option>
</select>
 
<input type="submit" name="ok" onclick="adresse()">
 
</form>

 
Je m'y connais pas trop en javascript, alors de 1 je sais pas si c'est la bonne méthode pr faire des menu déroulant qui dépendent des autres menu déroulant. De 2, je sais que c pas bien codé : la preuve ça fait pas ce que je veux, a savoir : quand je clique sur adulte puis sur division 4 les groupes sont pas les bons.
Est-ce que qqun peut m'aider??


Message édité par frodum le 05-07-2005 à 14:47:15
Reply

Marsh Posté le 05-07-2005 à 14:46:35   

Reply

Marsh Posté le 05-07-2005 à 15:27:12    

personne ne pourrait m'aider ? svp ;-)  
Edit : Problème Résolu ;-)


Message édité par frodum le 05-07-2005 à 22:49:40
Reply

Marsh Posté le 23-05-2012 à 02:28:07    

Bonjour  
 
je sais bien que ton message est Posté le 05-07-2005 à 14:46:35  
 
mais je vous dis je suis là si tu as encors bousoin d'aide  
 
a bien tot

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed