Discussion :

[flavors]

Bonjour.

Désolé si le titre n'est pas clair, mais je ne voyais pas comment le formuler autrement.
Je souhaite avoir un select ayant ce schema :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<select>
    <optgroup label="A">
        <option class=" notDisplayed">-1</option>
        <option class=" notDisplayed">-2</option>
    <optgroup label="B">
        <option class=" notDisplayed">-1</option>
        <option class=" notDisplayed">-2</option>
        <option class=" notDisplayed">-3</option>
    <optgroup label="C">
        <option class=" notDisplayed">-1</option>
    <optgroup label="D">
</select>

Au début on ne voit que les optgroup et lors du clic sur l'un d'eux on affiche sa sous liste pour selectionner un element.
Lors du clic sur un autre optgroup, on ferme la sous liste precedente et on ouvre celle qu'il faut.

Je n'ai pas trouvé d'éléments pouvant faire ça dans les select.
Est-ce possible? Ou faut il bidouiller en ne mettant que des option avec du JS et du CSS?

Merci.

[SpaceFrog]

le composant n'existe pas tel quel ...
il faudra passer par des ul et li par exemple ...

[flavors]

Ne trouvant rien sur le Net, c'est bien ce qu'il me semblait ... Mais je me devais d'essayer de demander.
Ce qui m'embête c'est que je voulait avoir l'effet liste déroulante, reproduire cela avec des ul et il est un peu trop compliqué pour moi (si c'est faisable d'ailleurs ) et demanderait trop de temps.
Je vais passer par deux listes deroulantes, la 2nd dépendant du choix fait dans la 1ere.

Merci!

[SpaceFrog]

Avec Jquery c'est easy ... et pour les chainer aussi

Sinon il y a un post sur le liste liées sur le forum...