Mettre plusieurs dans label dans des optgroup avec un seul ID
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:
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 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
