Discussion :

[nlbmoi]

Bonjour,

Pour afficher une liste déroulante, j'utilise actuellement un <optgroup id="corpsX"></optgroup> avec plusieurs <option></option> : cela fonctionne.

Sauf que j'aimerais aller plus loin parce que dans un même corpsX, j'affiche des données issues de plusieurs sous-corps. J'aimerais pouvoir les séparer avec un genre de titre dans ma liste déroulante avec l'intitulé du sous menu.

Par exemple : actuellement avec le code

Code :

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

1
2
3
4
5
<optgroup id="corpsC"">
<option value="C-2020-2">C-2020-2</option>
<option value="C-2019-1">C-2019-1</option>
<option value="C-2020-1">C-2020-1</option>
</optgroup>

J'obtiens la liste déroulante dans l'ordre
C-2020-2
C-2019-1
C-2020-1

Sauf que les deux premiers appartiennent à un sous-corps et le troisième à un second sous-corps. J'aimerais donc avoir une liste déroulante qui affiche quelque-chose du style :
Sous-corps1
C-2020-2
C-2019-1
Sous-corps2
C-2020-1

J'ai bien vu qu'on pouvait ajouter des éléments d'affichage avec des

Code :

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

label="titre"

sauf que dans mon cas, comme ils sont liés par un même id, je suis bloqué, l'affichage de la liste déroulante n'est plus correcte.

Pouvez-vous m'aider ?

Merci d'avance

[mathieu]

si j'ai bien compris, vous souhaitez avoir un 2e niveau de groupement, c'est bien ça ?
d'après ce que j'ai lu là, ce n'est pas prévu dans html donc vous aurez besoin de javascript pour faire cela :
https://developer.mozilla.org/fr/doc...ement/optgroup

en javascript vous aurez besoin de récréer tout le système de menu déroulant ou alors vous pouvez aussi le répartir comme cela :
https://nosmoking.developpez.com/dem...tes_liees.html

[nlbmoi]

Merci pour ton retour

Je vais travailler dessus