Liste déroulante et liens

Résolu/Fermé
zum Messages postés 1326 Date d'inscription mardi 2 décembre 2003 Statut Contributeur Dernière intervention 25 octobre 2023 - Modifié le 22 déc. 2019 à 17:54
 lilou - 27 avril 2020 à 20:32
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

2 réponses

zum Messages postés 1326 Date d'inscription mardi 2 décembre 2003 Statut Contributeur Dernière intervention 25 octobre 2023 287
22 déc. 2019 à 17:59
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>

1
QUOI? je n'est pas trop compris :(
0