jQuery多个选择选项与图像

时间:2012-01-28 19:12:01

标签: jquery image select option

是否有一个jQuery工具允许我创建一个具有多个选择的下拉列表 (具有多个选项启用的HTML术语中的“SELECT”)我可以在列表中包含图像吗?

这很棒:jQuery UI MultiSelect Widget但您无法插入图片 这是一个很好的选择:JavaScript image combobox但是多个选择不起作用

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:2)

这是使用Eric Hynds jQuery UI MultiSelect Widget进行此操作的方法

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

enter image description here

我的详细解释可在以下网址找到:

jQuery UI Multiselect Widget With Images (Eric Hynds Version)

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

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

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

答案 2 :(得分:0)

看一下jQuery Chosen插件,我觉得这可能对你有帮助。

http://davidwalsh.name/jquery-chosen