Custom dropdown using javascript and css

Question

Is it possible to create a custom dropdown using javascriit and css.

for which I need to put a background image for a popup using javascript

If yes or no? If yes. give any suggestion?

without using jquery

Answer 1

You can check jQTransform

Answer 2

Here is a good tutorial on creating a custom drop-down list .

JQTransform (as suggested by Olafur) is enough for me. But if you need more control, such as adding icons, it's worth a look at the tutorial.

Answer 3

This may be redundant; but SproutCore gives you input elements made up of images, not native HTML elements. There are probably other frameworks that do similar things.

The main idea is to create a div or something, as CrazyJugglerDrummer suggests, and impose click handlers on it. Handlers tweak the animation to simulate a select element. And when one of your pseudo-select elements is selected, you use JavaScript to send this value to the actual selection or input element that is hidden.