Discussion :

[clement106]

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!

[Bovino]

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

[clement106]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[andry.aime]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Listes déroulantes liées entre elles

[franculo_caoulene]

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.

[clement106]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>