par
Tatiana » 01 oct. 2006, 23:56
Bonjour,
Je suis vraiment nulle en Javascript. J'ai fait une recherche, je sais qu'il y a eu d'autres topics sur le sujet, mais ça ne me semblait pas convenir.
Voici mon besoin: j'ai deux listes, une pour des concours et une pour des compétitions. Chaque concours a ses compétitions particulières, d'où mon besoin d'un lien entre les deux listes.
J'ai également besoin de récolter la valeur ("value") des deux sélections une fois que le formulaire sera soumis, et par conséquent ces valeurs n'iront pas dans l'ordre 1,2,3,4,..
Je veux qu'à tout le moins l'option 0 de ma première liste soit "vide" pour obliger l'utilisateur à faire défiler la liste.
J'ai écrit mon code Javascript à partir de php. Je ne vous donne pas mon code PHP, seulement le code Javascript que ça m'a donné. J'avais essayé de faire la méthode pour faire la mise à jour, mais je me rends compte que parce que mes indices de tab_competitions ne correspondent pas aux valeurs des options de la première liste, je n'arrive pas à faire le lien entre les deux.
Avez-vous des suggestions? Je sais que le code suivant serait probablement facile à faire fonctionner s'il ne s'agissait que de le faire fonctionner tel quel, mais comme il est généré dynamiquement est que les numéros ne seront pas toujours les mêmes, je dois en tenir compte.
Code : Tout sélectionner
<html>
<head>
<title>Test</title>
<script type="text/javascript" language="javascript">
tab_competitions = new Array(2);
tab_competitions[0] = new Array (new Option("---------- Pas de concours sélectionné ----------","0")
);
tab_competitions[1] = new Array(
new Option("---------- Pas de concours sélectionné ----------", "0"),
new Option("Peinture", "1"),
new Option("Sculpture", "3"),
new Option("Dessin", "5")
);
tab_competitions[2] = new Array(
new Option("---------- Pas de concours sélectionné ----------", "0"),
new Option("Cyclisme", "7")
new Option("Course à pied", "8")
);
function majListe(select1,select2) {
}
</script>
</head>
<body>
<form>
<select name="predictions_concours" onchange="majListe(this.form.predictions_concours,this.form.predictions_competitions)">
<option value="0" selected>---------- Sélectionnez un concours ----------</option>
<option value="2">Arts plastiques</option>
<option value="3">Sports</option>
</select>
<select name="predictions_competitions">
<option value="0" selected>---------- Pas de concours sélectionné ----------</option>
</select>
</form>
</body>
</html>
(En passant, ce ne seront pas les vrais noms des options, je les ai juste inscrits ici à titre d'exemple pour que ce soit plus clair!
)
Bonjour,
Je suis vraiment nulle en Javascript. J'ai fait une recherche, je sais qu'il y a eu d'autres topics sur le sujet, mais ça ne me semblait pas convenir.
Voici mon besoin: j'ai deux listes, une pour des concours et une pour des compétitions. Chaque concours a ses compétitions particulières, d'où mon besoin d'un lien entre les deux listes.
J'ai également besoin de récolter la valeur ("value") des deux sélections une fois que le formulaire sera soumis, et par conséquent ces valeurs n'iront pas dans l'ordre 1,2,3,4,..
Je veux qu'à tout le moins l'option 0 de ma première liste soit "vide" pour obliger l'utilisateur à faire défiler la liste.
J'ai écrit mon code Javascript à partir de php. Je ne vous donne pas mon code PHP, seulement le code Javascript que ça m'a donné. J'avais essayé de faire la méthode pour faire la mise à jour, mais je me rends compte que parce que mes indices de tab_competitions ne correspondent pas aux valeurs des options de la première liste, je n'arrive pas à faire le lien entre les deux.
Avez-vous des suggestions? Je sais que le code suivant serait probablement facile à faire fonctionner s'il ne s'agissait que de le faire fonctionner tel quel, mais comme il est généré dynamiquement est que les numéros ne seront pas toujours les mêmes, je dois en tenir compte.
[code]<html>
<head>
<title>Test</title>
<script type="text/javascript" language="javascript">
tab_competitions = new Array(2);
tab_competitions[0] = new Array (new Option("---------- Pas de concours sélectionné ----------","0")
);
tab_competitions[1] = new Array(
new Option("---------- Pas de concours sélectionné ----------", "0"),
new Option("Peinture", "1"),
new Option("Sculpture", "3"),
new Option("Dessin", "5")
);
tab_competitions[2] = new Array(
new Option("---------- Pas de concours sélectionné ----------", "0"),
new Option("Cyclisme", "7")
new Option("Course à pied", "8")
);
function majListe(select1,select2) {
}
</script>
</head>
<body>
<form>
<select name="predictions_concours" onchange="majListe(this.form.predictions_concours,this.form.predictions_competitions)">
<option value="0" selected>---------- Sélectionnez un concours ----------</option>
<option value="2">Arts plastiques</option>
<option value="3">Sports</option>
</select>
<select name="predictions_competitions">
<option value="0" selected>---------- Pas de concours sélectionné ----------</option>
</select>
</form>
</body>
</html>[/code]
(En passant, ce ne seront pas les vrais noms des options, je les ai juste inscrits ici à titre d'exemple pour que ce soit plus clair! :lol: )
