Discussion :

[djew13]

Bonjour à tous,
j'aimerais créer un INPUT SELECT avec mise en forme. En fait la liste déroulante se présenterait de la manière suivante :

Titre 1
option 1
option 2
option 3
Titre 2
option 1
option 2
option 3

avec : les titres en gras non sélectionnables, et les options sélectionnable. Il me semble avoir déjà vu un tel cas sur un site...
Merci de vos reponses

[djew13]

J'ai trouvé :
faut mettre du css directement dans les balises options, exemple :

Code :

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

<option value="Alpes du Nord" style="background-color:#ccc;font:bold 10px Verdana;">Alpes du Nord</option>

Il me reste un pblm : comment rendre une <option> non selectionnable ?

[vdelbart]

tu peux également utiliser des optgroup, qui permettent de faire des groupes dans une liste de select (c'est fait pour ça).

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<select>
  <optgroup label="Titre 1">
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
  </optgroup>
  <optgroup label="Titre 2">
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
  </optgroup>
</select>

un petit tour sur Google et j'ai trouvé le site suivant qui donne un exemple simple :

http://www.startyourdev.com/HTML/Balise-OPTGROUP.html

j'espère que ça pourra t'aider,

bonne journée,

Vincent

[djew13]

C'est exactement ça que je cherchais vdelbart
Merci beaucoup pour ta disponibilité !!!!