Comment créer 2 listes déroulantes de liens, liées ou non

Version imprimable

29/08/2009, 19h09
clement106

Comment créer 2 listes déroulantes de liens, liées ou non

J'aimerais créer deux listes déroulantes de liens, liées ou non afin de modifier une vue avec des arguments passés par l'url. Voici un exemple:

Contenu liste 1:

Scooter -> scooter
Supermotard -> supermotard
Enduro -> enduro

liste 2:

Aprilia -> aprilia
Yamaha -> yamaha
Honda -> honda

Cas 1:

L'utilisateur sélectionne "Scooter" dans la première liste et rien dans la seconde puis clique sur Go, il ira sur la page: page_avec_arguments/scooter

Cas 2:

L'utilisateur sélectionne rien dans la première liste et dans la seconde sélectionne "Aprilia" puis clique sur Go, il ira sur la page: page_avec_arguments/aprilia

Cas 3:

L'utilisateur sélectionne "Scooter" dans la première liste et "Aprilia" dans la seconde puis clique sur Go, il ira sur la page: page_avec_arguments/scooter/aprilia

J'ai bien fait des recherches sur le web mais pas très concluantes, ça ne doit pas être un cas très courant apparemment. J'espère que vous pourrez m'aider. Merci d'avance!
29/08/2009, 19h40
Bovino

Salut,
Un bout de code serait le bienvenu pour pouvoir t'aider efficacement.

Pour le bout de code, j'ai touvé avec juste une liste déroulante:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<SCRIPT LANGUAGE="javascript">
 
function LinkUp() 
{
var number = document.DropDown.DDlinks.selectedIndex;
location.href = document.DropDown.DDlinks.options[number].value;
}
</SCRIPT>
 
<FORM NAME="DropDown">
<SELECT NAME="DDlinks">
<OPTION SELECTED>--> Marque <--
<OPTION VALUE="aprilia"> Aprilia
<OPTION VALUE="derbi"> Derbi
<OPTION VALUE="yamaha"> Yamaha
</SELECT>
<INPUT TYPE="BUTTON" VALUE="Go!" onClick="LinkUp()">
</FORM>

Maintenant comment mettre deux listes liées entre elle, c'est ma question.

31/08/2009, 08h11
andry.aime

Bonjour,
Les balises options ne sont pas auto-fermantes.

Code:

<option value="aprilia"> Aprilia</option>

Citation:

Maintenant comment mettre deux listes liées entre elle, c'est ma question.

:arrow: Listes déroulantes liées entre elles
31/08/2009, 13h37
franculo_caoulene

Citation:

Envoyé par andry.aime

Les balises options ne sont pas auto-fermantes.

option a une balise fermante optionnelle en HTML4/5.
C'est moche, mais ça existe pour certaines raisons.

Merci pour cette réponse, en faite c'est pas du tout ce que je recherche, quand je dis que les listes déroulantes sont liées entre elle, ce n'est pas le texte mais juste les urls.

J'ai trouvé le code HTML pour le faire mais il me reste le plus dure à trouver, le code javascript...

Code:

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
 
<form method="post" name="filtre" action="http://localhost/..." style="width:100%">
<center><fieldset style="padding:10px;border:1px solid gray;text-align:center;width:480px;margin:0 auto 30px auto;">
<legend style="text-align:left;">Filtre:</legend>
<label for="showtype">Type : </label>
 
<select name="showtype" id="showtype"><option value="0">-- Sélectionner --</option>
<option value="1">Scooter</option>
<option value="2">Enduro</option>
<option value="3">Supermotard</option>
</select>
&nbsp; <label for="showbrand">Marque : </label>
<select name="showbrand" id="showbrand">
<option value="0">-- Sélectionner --</option>
<option value="65">Adiva</option>
<option value="3">Adly</option>
<option value="41">AJP</option>
<option value="4">Aprilia</option>
<option value="69">Ardila</option>
<option value="5">Baotian</option>
<option value="6">Benelli</option>
<option value="7">Beta</option>
</select>
<input type="hidden" name="orderby" value="modif" />
<input type="hidden" name="action" value="form" /> 
<input type="submit" value="Afficher" name="submit" class="boutonOrange"></fieldset></center>