Bon j'ai réussi à faire mes liste liées comme je le souhaité en js.
Maintenant j'aimerais que que chaque discipline soit relié à une table ( qui comporte donc 4 parties; Nom du club, les noms des entraineurs, une contact et une autre historique compétitions ).
Donc quand par exemple vous selectionné le département du Bas-Rhin et la discipline Rugby, s'affiche dessous la liste des clubs de rugby de ce département avec les info liées à mes tables.
Merci à ceux qui me donneront la direction à suivre
Ex: (liste1)Bas-Rhin (liste2)Rugby
- FCRUGBY Mr.TOTO Tel: 06.00.00.00 Champion départemental en 2011
- MHStras Mr.TATA Tel: 06.00.00.00 Champion départemental en 2008
Et ainsi de suite
Merci pour votre aide.
Je joins mon code actuel
<script type="text/javascript">
function populate (l1,l2) {
var l1 = document.getElementById(l1);
var l2 = document.getElementById(l2);
l2.innerHTML = "";
if(l1.value == "Bas-Rhin") {
var optionArray = ["|","natation|Natation","football|Football","rugby|Rugby","escrime|Escrime","judo|Judo","karate|Karate"];
} else if(l1.value == "Haut-Rhin") {
var optionArray = ["|","natation|Natation","football|Football","rugby|Rugby","escrime|Escrime","judo|Judo","karate|Karate"];
}
for(var option in optionArray) {
var pair = optionArray[option].split("|");
var newOption = document.createElement("option");
newOption.value = pair[0];
newOption.innerHTML = pair[1];
l2.options.add(newOption);
}
}
</script>
<body>
<form>
choisir un département:
<select id="liste1" name="liste1" onChange="populate(this.id,'liste2')">
<option value="0" selected>--Votre département--</option>
<option value="Bas-Rhin">Bas-Rhin</option>
<option value="Haut-Rhin">Haut-Rhin</option>
</select>
choisir une discipline:
<select id="liste2" name="liste2">
<option value="0" selected>--Votre discipline--</option>
</select>
<input type="submit" value="GO">
</form>