le choix d’après une liste

Version imprimable

bonjour,
j'ai crée une formulaire avec 3 champs:

niveau avec 3 choix: septième année , neuvième annee , bac
diplôme avec 4 valeur: CC , CAP,BTP , BTS
spécialité: avec 5 valeur : technicien supérieur , ingénieur , agent de fabrication , professeur , maître

lorsque l'internaute choisie le niveau neuvième année seul automatiquement dans le champ diplôme lui affiche CAP et non tous les diplômes et aussi d'après le diplôme CAP lui affiche 2 spécialités et non pas tous les spécialités ?

Voila le code de 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 28 29 30 31 32 33 <form name="form1" method="post" > <label>niveau <select name="select" size="1" id="select" > <option>septieme annee </option> <option selected="selected">neuvieme annee </option> <option>bac</option> </select> </label> <p> <label>diplome <select name="select2" size="1" id="select2"> <option>CC</option> <option>CAP</option> <option>BTP</option> <option>BTS</option> </select> </label> </p> <p> <label>specialite <select name="select3" size="1" id="select3"> <option>technicien superieur</option> <option>ingenieur</option> <option>agent de fabrication</option> <option>professeur</option> <option>maitre</option> </select> </label> </p> <p> <input type="submit" name="button" value="envoyer" /> </p> </form>
S'il vous plais comment écrire ça en javascript ?

merci

Bonjour,

Voici un bout de code qui pourra t'aider je pense ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
window.onload = function(){
   // generer un evenement au changement de valeur de ton select
   document.getElementById("test").onchange = function() {
      // this = document.getElementById("test")
      var myValue = this.options[this.selectedIndex].value;
 
      switch(myValue) {
         case 1:
            alert("traitement lié à la septième année");
            break;
         case 2:
            alert("traitement lié à la neuvième année");
            break;
         case 3:
            alert("traitement lié au bac");
            break;
         default:
            alert("error");
      }
   };
}

Code:

1
2
3
4
5
6
 
<select id="select">
   <option value="1">Septième année</option>
   <option value="2">Neuvieme année</option>
   <option value="3">BAC</option>
</select>

13/04/2011, 21h51
andry.aime

Bonsoir,

:fleche: Listes déroulantes liées entre elles

A+.