Javascript 使用图像而不是未打开的<；选择>；？

我想知道，当下拉列表处于初始未打开状态时，是否可以使用CSS和JS来使用下拉列表的自定义图像来代替实际元素

当它被点击时，它只会显示常规的下拉选项，也许在上面提到的图片下面

我搜索了整个论坛和网络，没有找到任何密切相关的内容。我甚至没有为这个想法找到任何jQuery解决方案

如果你能帮忙，我将不胜感激。谢谢

HTML

<img src='somImage.jpg' id='replace'/>
<select>
...
</select>

小提琴：

HTML

<img src='somImage.jpg' id='replace'/>
<select>
...
</select>

---

小提琴：看一看。我想你会喜欢的，看看吧。我想您会喜欢它的

您当然可以在单击时显示一个图像并替换一个

。您不能以编程方式打开选择框，或“回收”在图像上发生的单击。因此，您必须单击一次以替换图像，然后再次实际打开“选择不太有用”

---

您可能最好使用许多脚本和插件中的一个，这些脚本和插件完全用一堆可设置更多样式的div替换页面上的

元素。

您当然可以在单击时显示图像并替换

。您不能以编程方式打开选择框，或“回收”在图像上发生的单击。因此，您必须单击一次以替换图像，然后再次实际打开“选择不太有用”

---

您最好使用许多脚本和插件中的一个，这些脚本和插件完全用一堆更具风格的div替换页面上的

元素。

正是我要建议的，尽管我建议链接您的方法。@Jonathan，我知道链接，我只是想表明每一行都在做一些不同的事情。这正是我要建议的，尽管我建议链接你的方法。@Jonathan，我知道链接，我只是想表明每一行都在做一些不同的事情。啊哈@bobince——我只是需要

+1-upped

：-）啊哈@bobince——我只是需要

+1-upped

：-）