javascript - jquery用简单的代码下拉图像

Question

• 我在我的项目中使用jquery-1.7.2.min.js，
• 我的设计就像登录时打开索引 html 页面一样，
• 然后客户端从菜单中选择 map.html，然后将 map.html 加载到 body 中，
• 之后我给了他 map.html 文件，他通过单击 map 选择区域，然后他打开了弹出对话框，其中包含名称、图标下拉和纬度、经度。
• 我遇到的问题是图标下拉，就像下拉菜单中只有图像图标一样。
• 我尝试了很多插件，但没有加载图像，只有文本进入下拉列表。
• 我尝试将图片路径作为标题

<option value="0" title="..css/images/1.png"></option>

• 但没有成功。
• 我尝试了很多插件
• 我也这样试过。 <select id="demo-htmlselect-basic">
<option data-imagesrc="Discover-56.png" value="0"></option>
</select>
• 请提供简单的插件或任何建议。

Answer 1

试试下面这些自定义下拉列表的链接。

http://designwithpc.com/Plugins/ddSlick#demo

http://runnable.com/UgC2a5sY1P8LAAAj/how-to-create-a-custom-drop-down-with-images-using-jquery-ui

http://www.jquery4u.com/plugins/10-jquery-selectboxdrop-down-plugins/