2011-10-12 54 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

免責聲明:我是該插件的作者。我鼓勵你自己嘗試一切,並決定什麼對你有用。