Zone de liste déroulante personnalisée utilisant javascript et css

Question

Est-il possible de créer une zone de liste déroulante personnalisée à l'aide de javascriit et css.

pour lequel je dois placer un background-image pour la boîte déroulante en utilisant javascript

Si oui ou non? si oui . donner une suggestion?

sans utiliser JQuery

Answer 1

Vous pouvez consulter jQTransform

Answer 2

Cela pourrait être surpuissant; mais SproutCore vous donne des éléments d'entrée composés d'images au lieu d'éléments HTML natifs. Il y a probablement d'autres cadres qui font des choses semblables.

L'idée de base est de créer un div ou quelque chose, comme le suggère CrazyJugglerDrummer, et de mettre des gestionnaires de clic dessus. Les gestionnaires mettent en place une animation pour imiter un élément sélectionné. Et lorsque l'un de vos éléments de pseudo-sélection est sélectionné, vous utilisez JavaScript pour envoyer cette valeur à un élément select ou input qui est caché.

Answer 3

Voici une bonne tutorial on creating custom drop-down.

JQTransform (comme suggéré par Olafur) me suffit. Mais si vous avez besoin de plus de contrôle comme l'ajout d'icônes, cela vaut la peine de regarder le tutoriel.