Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Another one to check out is <strong><a href="http://plugins.jquery.com/picklist/" rel="nofollow">jquery-picklist</a></strong>. It creates a picklist from a regular HTML multiple option <code>&lt;select&gt;</code>, like this:</p> <p><em>Example HTML:</em></p> <pre><code>&lt;select id="foobar" name="foobar" multiple="multiple"&gt; &lt;option value="1"&gt;Foo&lt;/option&gt; &lt;option value="2"&gt;Bar&lt;/option&gt; &lt;option value="3"&gt;Foobar&lt;/option&gt; &lt;/select&gt; &lt;div id="someElement"&gt; &lt;div&gt;&lt;img src="foobar.png" /&gt;&lt;/div&gt; &lt;div&gt;A rich item!&lt;/div&gt; &lt;/div&gt; </code></pre> <p><em>Example JS:</em></p> <pre><code>$("#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 } ] }); </code></pre> <p>As shown in the example, an array of object literals can be passed in during initialization. These object literals define the items to be added to the list during creation.</p> <p>Rich content items can be added by specifying the <code>element</code> property in the object literal. Any DOM element (preexisting or created on-the-fly) can be used. Details on rich content items is <a href="http://code.google.com/p/jquery-ui-picklist/wiki/AddingItems#Adding_Rich_Content_Items" rel="nofollow">documented here</a>.</p> <p><strong>Disclaimer</strong>: I'm the author of the plugin. I encourage you to try them all out for yourself and decide what works for you.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload