Question

我正在尝试找到一个可以支持显示的选项列表插件图像，它排除了选择和选项标签（因此这个插件： http://gsgd.co.uk/sandbox/jquery/picklists/）。有谁知道吗？我看上去很高，但没有成功。

有一个“Dodo的选择列表”，但链接已经死了。

感谢。

Answer 1

您是否尝试过http://code.google.com/p/jquery-picklist/？

我刚看了一下该演示（其中还包含了文档），它看起来就像你要求的那样。

Answer 2

另一个要检查的是 jquery-picklist 。它会从常规HTML多个选项<select>创建一个选项列表，如下所示：

示例HTML：

<select id="foobar" name="foobar" multiple="multiple">
    <option value="1">Foo</option>
    <option value="2">Bar</option>
    <option value="3">Foobar</option>
</select>

<div id="someElement">
    <div><img src="foobar.png" /></div>
    <div>A rich item!</div>
</div>

示例JS：

$("#foobar").pickList(
{
    items:
    [
        {
            value: 4,                   // Sent in POST (if item has been selected)
            label: "A Rich Item"        // Used for sorting, not displayed for rich items
            selected: true,             // true puts item in "selected" list, false puts item in "available" list
            element: $("#someElement")  // The DOM element to be used as the item
        }
    ]
});

如示例所示，可以在初始化期间传入对象文字数组。这些对象文字定义了在创建过程中要添加到列表中的项目。

可以通过在对象文字中指定element属性来添加丰富的内容项。可以使用任何DOM元素（预先存在或在运行中创建）。有关丰富内容项的详细信息为documented here。

免责声明：我是该插件的作者。我鼓励你自己尝试一下，然后决定什么对你有用。

Answer 3

PrimeUI的PickList支持可自定义的内容;

http://www.primefaces.org/primeui/picklist.html

jquery选项列表插件支持丰富的内容 - 有一个？

3 个答案: