Forum d'entraide PHPFrance

Salut tout le monde.
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>

Forum d'entraide PHPFrance

Affichage en fonction d'un choix

Affichage en fonction d'un choix