Liste déroulante et liens [Résolu]

Signaler
Messages postés
1278
Date d'inscription
mardi 2 décembre 2003
Statut
Contributeur
Dernière intervention
22 décembre 2019
-
zum
Messages postés
1278
Date d'inscription
mardi 2 décembre 2003
Statut
Contributeur
Dernière intervention
22 décembre 2019
-
Bonjour,

je suis entrain d'écrire un site dans lequel je voudrais mettre une liste déroulante,
et que chacun des éléments renvoie à une ancre sur une autre page.

j'ai commencer par insérer un peu de Javascript avec cà:

<form method="post">

<select name="marques" onChange="location.href=''+this.options[this.selectedIndex].value+'.html';">

<optgroup label="Europe" id="europe">
<option value="Abarth" id="abarth">Abarth</option>
<option value="Alfaromeo" id="alfaromeo">Alfa Roméo</option>
<option value="Alpine" id="alpine">Alpine</option>
....
....
....


mais le problème avec cette config', c'est que ça renvoie à une page différente à chaque fois.
Moi, ce que je voudrais, c'est que cà envoie à une ancre, mais tout sur la même page.

Je débute vraiment en Javascript, et ça, j'ai pas encore vu...


Configuration: ubuntu 18.04 / Firefox

1 réponse

Messages postés
1278
Date d'inscription
mardi 2 décembre 2003
Statut
Contributeur
Dernière intervention
22 décembre 2019
257
Voilà la solution, si ça peut aider:


<form name="form" >
<select size="1" onChange="location = this.options[this.selectedIndex].value;">
<option value="photos.html#abarth">Abarth</option>
<option value="photos.html#alfaromeo">Alfa Roméo</option>
<option value="photos.html#alpine">Alpine</option>
</select>
</form>