<Select> avec "sous"<Select> extensible
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:
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.
