Forum d'entraide PHPFrance

Bonjour,
il me semble avoir plus d'une fois dans des selects des sortes de rubriques, à l'intérieur même de la liste :

c'est a dire que les lignes qui constituaient les rubriques etaient bien alignées à gauche, non-cliquables, et les autres lignes, les choix, etaient un peu decalées vers la droite, et cliquables.

mais aucun moyen de trouver un bout de code sur le net.

Comment s'y prendre pour créer un <select> de ce type ?

Merci

(en passant, j'aimerais egalement savoir si il est possible de spécifier le nombre de lignes que le <select> peut afficher avant d'insérer un scroll dans la liste ? (par exemple pouvoir afficher 30 lignes sans scroll)

Salut,

Pour la première question c'est le Tag <optgroup>:

<select name="Nom" size="5">
 <optgroup label="Noms avec A">
  <option label="Anne">Anne</option>
  <option label="Antoine">Antoine</option>
  <option label="Auguste">Auguste</option>
 </optgroup>
 <optgroup label="Noms avec B">
  <option label="Bertrand">Bertrand</option>
  <option label="Barbara">Barbara</option>
  <option label="Bernard">Bernard</option>
 </optgroup>
 <optgroup label="Noms avec C">
  <option label="Charlotte">Charlotte</option>
  <option label="Christiane">Christiane</option>
  <option label="Christian">Christian</option>
 </optgroup>
</select>

Pour la seconde question c'est size="x":

<select size="3">
...
</select>

je vois que tu utilises <option label=""> plutot que <option value="">, quelle différence ?

et je viens de mettre une size à mon select, mais cela fait que mon select reste ouvert tout le temps : /

Tu ne me donnerais pas un petit bout de ton code ?

je vois que tu utilises <option label=""> plutot que <option value="">, quelle différence ?

La réponse m'intéresse également.

je viens de mettre une size à mon select, mais cela fait que mon select reste ouvert tout le temps : /

C'est normal.

• si l'attribut select est égal à 1 (défaut, je crois), tu affiches une liste déroulante
• si l'attribut select est supérieur à 1, tu affiches une liste multiligne
  (cf. copie d'écran de PhilFree)
  Dans ce cas, tu peux aussi utiliser l'attribut multiple qui te permet de sélectionner simultanément plusieurs valeurs

J'utilise Label plutôt que Value car:

il permet d'utiliser OPTGROUP en restant compatible avec des navigateurs qui ne supportent pas les "option groups".

Bien que je pense qu'il n'existe plus beaucoup de navigateurs qui ne les supportent pas