2011-10-12 68 views

回答

1

另一个要检查的是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

免责声明:我是该插件的作者。我鼓励你自己尝试一切,并决定什么对你有用。

相关问题