A JQuery UI enhancement of the standard HTML Select element

Full documentation & demos can be found at: http://eventengineering.github.io/superselector

Features

Super selector comes with a wide range of aditional feautres above the standard select element:

• Theming of list elements with CSS
• Grouping of list elements
• Headings for lists
• Disabling elements
• Works with jquery's standard .val() getter/setter and all the usual callbacks.
• Callbacks on select/click
• Easily change list elements

Setup

Setting up superselector could not be simpler.

Include the css and the library

<linkrel="stylesheet" href="superselector.min.css"><scripttype="text/javascript" src="superselector.js"></script>

Create an input element to be the SuperSelctor.

<divid="example-selector"></div>

Turn the element into a superselector with some simple javascript

$("#example-selector").superselector({items:[//array of items for the SuperSelector{value:"first",title:"First Item"},{value:"second",title:"Second Item"},]});