Bonjour à tous !

Cela fait maintenant quelques jours que je souhaite lier deux Selects uniquement à l'aide de javascript sans connexion serveur.

-> Pour faire simple, j'ai un premier Select qui permet de choisir une région.
En fonction du choix effectué, le second affichera les départements de la région sélectionnée...

Voici mon idée de script :

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
40
41
42
43
44
45
46
47
<select name="regions" id="re" onchange="dep();">
 
 
<option value="reset">->Choisissez une région<-</option>
<option value="Alsace">Alsace</option>
.....
 
 
</select>
 
 
<script type="text/javascript">
 
	function dep() {
 
		var dep = document.getElementById('re');
 
 
		if (dep.value == "Alsace")
 
			{
 
			document.getElementById('dep').options[1] = new Option('Bas-Rhin');
			document.getElementById('dep').options[2] = new Option('Haut-Rhin');
 
			}
 
		if (dep.value == "Aquitaine")
 
			{
 
			document.getElementById('dep').options[1] = new Option('Dordogne');
 
 
			} ....
}
</script>
 
 
<select name="selectdpt" id="dep">
 
 
<option value="reset"<?php if ($_POST['selectdpt'] == "reset") { echo "selected='selected'";}?>>->Choisissez un département<-</option>
// S'affiche ici les options supplémentaires...
 
 
</select>

Ce script fonctionne mais je me demande s'il est possible de faire mieux...Qu'en pensez-vous ?