Listes déroulantes avec choix groupés de cases à cocher

Bonjour/soir 8-).

J'ai, pour mon projet, besoin de créer des listes déroulantes à sélections multiples.
Jusque là pas de problèmes car j'utilise le <select multiple>.
Le contenu des select est rempli grâce à une base de données MySQL.

Maintenant, je souhaiterais (et je pense qu'il faut faire appel à JS) faire en sorte que chaque choix de cette liste déroulante contienne une case à cocher et que ces choix soient regroupés en groupes.



http://www.picdo.net/fichiers/2010/7...07b_listes.png

C'est exactement le rendu que je souhaite avoir, j'ai fait le tour de divers forums de développement en vain, je n'ai rien trouvé de concret à ce sujet :cry:.

Si quelqu'un a une petite idée... Merci d'avance :ccool:!

Google :)

Lien

Ce n'est pas possible tout simplement en (X)HTML. Donc JavaScript n'y fera rien.
La solution passe par la création de "faux" select. C'est-à-dire de listes déroulantes personnalisées.
En dehors du lien proposé par Cobax, la même chose avec jQuery :
:fleche: Créer des listes déroulantes à choix multiples avec jQuery

Merci à vous ;)