我想要一个图像下拉菜单，其中每个图像都存储在每个选项字段中。这必须在 chrome 中工作。
【问题讨论】：
标签： javascript jquery css html
您可以使用 wSelect 添加图标或图像以选择框选项
支持： Chrome、IE7+、FireFox、Opera、Safari
wSelect 是一个快速且轻量级的 jQuery 插件，它可以将默认的 html 选择元素转换为可自定义且外观简洁的选择框，并带有一些主题和选项。 wSelect 还允许您使用 data-icon 属性将图标添加到您的选择选项中。 使用方法：
在您的网页上包含 jQuery 库和 jQuery wSelect
包含所需的 jQuery wSelect CSS 来设置选择元素的样式
创建一个 html 选择框。
选择国家澳大利亚 加拿大 波兰 泰国 英格兰（英国）
java脚本
$('select').wSelect(); $('#demo').change(function() { console.log($(this).val()); }); $('#demo').val('AU').change(); // 应该在控制台中看到 $('#demo').val('PL').wSelect('change'); // 应该看到选中的选项变为三个 $('#demo').append('美国').wSelect('reset'); $('#demo').val('CA').change();更多选项
$.fn.wSelect.defaults = {
主题：'经典'，//主题
size: '4', // 要显示的默认选项数（用size attr 覆盖select 元素）
labelPosition: 'left', // 设置标签位置 (left,top)
highlight: true // 选中时突出显示字段
};
参考：http://www.jqueryscript.net/form/Customizable-jQuery-Select-Box-Replacement-Plugin-wSelect.html
你也可以使用iconselet http://bug7a.github.io/iconselect.js/
【讨论】：