A JQuery UI enhancement of the standard HTML Select element
Full documentation & demos can be found at: http://eventengineering.github.io/superselector
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
Setting up superselector could not be simpler.
Include the css and the library
<link rel="stylesheet" href="superselector.min.css">
<script type="text/javascript" src="superselector.js"></script>Create an input element to be the SuperSelctor.
<div id="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"},
]
});