le choix d’après une liste

[nourdinne]

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

[kohsaka]

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>

[andry.aime]

Bonsoir,

Listes déroulantes liées entre elles

A+.