Problème d'ancre dans menu déroulant
Résolu
Bonjour,
Tout d'abord je précise que tout est sur une page. Je veux créer un menu déroulant qui proposera plusieurs choix, qui une fois sélectionné, positionnera automatiquement l’internaute au niveau de la catégorie qu’il aura choisie.
Mon problème c’est que les ancres ne fonctionnent pas lorsque l’on clique sur « Catégorie 1 » ou « Catégorie 2 » dans le menu déroulant.
<select>
<option selected>Choisir</option>
<option href="#c1"><a>Catégorie 1</a></option>
<option href="#c2"><a>Catégorie 2</a></option>
</select>
---------------------------------------------------
<div id="c1">Catégorie 1</div>
<div id="c2">Catégorie 2</div>
Si vous aviez des suggestions ; merci.
Tout d'abord je précise que tout est sur une page. Je veux créer un menu déroulant qui proposera plusieurs choix, qui une fois sélectionné, positionnera automatiquement l’internaute au niveau de la catégorie qu’il aura choisie.
Mon problème c’est que les ancres ne fonctionnent pas lorsque l’on clique sur « Catégorie 1 » ou « Catégorie 2 » dans le menu déroulant.
<select>
<option selected>Choisir</option>
<option href="#c1"><a>Catégorie 1</a></option>
<option href="#c2"><a>Catégorie 2</a></option>
</select>
---------------------------------------------------
<div id="c1">Catégorie 1</div>
<div id="c2">Catégorie 2</div>
Si vous aviez des suggestions ; merci.
Configuration: Windows / Internet Explorer 11.0
4 réponses
-
ModérateurBonjour
Le href...ca se met dans le <a ...pas dans le <option
-
Bonjour,
Tu devras utiliser du js je pense. Un post sur StackOverflow traite ce sujet :
https://stackoverflow.com/questions/39020871/anchor-tag-in-drop-down
Bonne soirée :) -
Merci Jordane45 ; j'ai modifié (ci-dessous), mais cela ne fonctionne pas.
<select>
<option selected>Choisir</option>
<option><a href="#c1">Catégorie 1</a></option>
<option><a href="#c2">Catégorie 2</a></option>
</select> -
Si je tape simplement l'ancre <a href="#c1">Catégorie 1</a> et <div id="c1">Catégorie 1</div> cela fonctionne sans problème. Je ne vois pas où peut si situer le problème lorsque l'ancre se trouve dans le menu ; je me demande si c'est faisable en html ?
Merci.
