使用javascript和css的自定义下拉框

Question

是否可以使用javascriit和css创建自定义下拉框。

我需要使用javascript

为下拉框放置背景图片

如果是或否？如是 。提出任何建议？

不使用JQuery

Answer 1

您可以查看jQTransform

Answer 2

这是一个很好的tutorial on creating custom drop-down。

JQTransform（由Olafur建议）对我来说已经足够了。但如果您需要更多控制，例如添加图标，则值得查看教程。

Answer 3

这可能是矫枉过正;但是SproutCore为您提供了由图像而不是本机HTML元素组成的输入元素。可能还有其他类似的框架。

基本思想是创建一个div或者其他东西，正如CrazyJugglerDrummer建议的那样，并在其上放置点击处理程序。处理程序设置动画以模仿选择元素。当您选择了其中一个伪选项时，您可以使用JavaScript将该值发送到隐藏的实际选择或输入元素。