带有图像的jQuery多选选项答案

【问题标题】：jQuery multiple select option with image带有图像的jQuery多选选项
【发布时间】：2012-02-21 07:08:16
【问题描述】：

是否有一个 jQuery 工具可以让我创建一个多选的下拉列表（启用多个选项的 HTML 术语中的“SELECT”）我可以在列表中包含图像吗？

这很棒：jQuery UI MultiSelect Widget 但你不能插入图片这是一个很好的算法：JavaScript image combobox 但多选不起作用

【问题讨论】：

【解决方案1】：

看看我认为可能对你有帮助的 jQuery Chosen 插件。

【讨论】：

【解决方案2】：

这可能会有所帮助，.. 这是一个建立在 Chosen 之上的 JQuery 插件。它被称为Image Select，它支持多选和单选模式。

【讨论】：

【解决方案3】：

这是使用 Eric Hynds jQuery UI MultiSelect Widget 的方法

我还创建了一个FIDDLE，以便您可以看到它的实际效果:)

我的详细解释可以在：

使用我在上面的 StackOverflow 线程中解释的脚本更改，然后，您可以在 HTML 选项行中包含图像，如下所示：

<option value="somevalue" image="yourimage.jpg" class="multSelktrImg">
normal visible text
</option>

该类用于控制每行图像的位置和大小，并且只是添加到您的 CSS 文件中。

【讨论】：