选择字段中的图像下拉列表

Question

我希望有一个图像下拉，其中每个图像存储在每个选项，field.This必须在铬工作。

Answer 1

您可以使用wSelect添加图标或图像来选择框选项。

支持: Chrome，IE7+，FireFox，Opera，Safari

wSelect是一个快速和轻量级的jQuery插件，它将默认的html选择元素转换为可定制的、干净的、带有一些主题和选项的选择框。wSelect还允许您使用数据图标属性向选择选项添加图标。如何使用：

1. 在网页中包括jQuery库和jQuery wSelect

1. 包括所需的jQuery wSelect CSS以样式选择元素

1. 创建一个html复选框。 选择CountryAustralia加拿大、波兰、泰国、英国(联合王国)
2. javacript $('select').wSelect()；$(‘#demo’).change(函数(){console.log($(此).val())；})；$(‘demo’).val(‘AU’).change()；//应该在控制台中看到$('#demo').val('PL').wSelect(' change ')；//应该看到选择的选项改为$(‘#demo’).append(‘美国’).wSelect(‘重置’)；$(‘#demo’).val(‘CA’).change()
3. 更多选项 $.fn.wSelect.defaults ={主题：‘经典’，//主题大小：'4'，//显示选项的默认数量(在select元素上覆盖size attr ) labelPosition：‘左’，//设置标签位置(左，顶部)突出显示:真//高亮字段时，选择}；

参考资料：http://www.jqueryscript.net/form/Customizable-jQuery-Select-Box-Replacement-Plugin-wSelect.html

此外，还可以使用偶像选择集http://bug7a.github.io/iconselect.js/。