Liste déroulante et liens
Résolu
zum
Messages postés
1326
Date d'inscription
Statut
Contributeur
Dernière intervention
-
lilou -
lilou -
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à:
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...
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
A voir également:
- Liste déroulante et liens
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
- Liste code ascii - Guide
- Vérificateur de liens - Guide
2 réponses
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>