par
blinz » 13 oct. 2013, 17:57
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>
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; [b]Nom du club[/b], les [b]noms des entraineurs[/b], une [b]contact[/b] et une autre [b]historique compétitions[/b] ).
Donc quand par exemple vous selectionné le département du [b]Bas-Rhin[/b] et la discipline [b]Rugby[/b], 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)[b]Bas-Rhin [/b] (liste2)[b]Rugby[/b]
- 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
[html]
<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>
[/html]
