Bonjour à tous.
 
J'ai un tag SELECT avec une trentaine d'options dedans.
 
Comment faire pour que lorsqu'on clique sur la dropdown list, tous les éléments soient affichés sans scrollbar verticale à droite, pour permettre une sélection rapide ?
 
Merci.

Bonjour,
 
Par exemple avec du javascript et les évènements click (size =30) et blur (size=1)

Pas évident ça touche à l'UI du navigateur et on ne peut souvent pas faire grand chose (pense a la visualisation d'un select sur un smartphone ou un device pour handicapé).
Un <select multiple>  peut être ?
A coupler avec du javascript pour vérifier qu'une seul option est "selected"...
 
Sinon y'a l'option lourde de faire ou d'utiliser un framework genre jquery UI pour transformer un select en <ul> & <li>.

Un select multiple ne va pas faire disparaître l'ascenseur mais pour ne pas toucher à l'UI, un <datalist> ferait "plus propre"

Tu peux utiliser l'attribut size="{nombre d'options}" pour qu'il n'y ai pas d'ascenseur à droite (mais il restera une barre grise), mais je suis daccord ça reste de la bidouille...

A mon sens, la question est surtout : pourquoi vouloir afficher toutes les options d'un coup ? Ca répond à quel besoin fonctionnel (quelle problématique) ? Pourquoi c'est un pb de devoir scroller pour voir toutes les options ?
En effet, ce qui pourrait marcher sur PC ne sera peut-être pas du tout approprié sur smartphone ou d'autres contextes d'utilisation. Et le jour où le nb d'options va dépasser 30 et être à 50, voire 100 ?