A simple javascript select box enhancement which provides searching and nicer multiple selections.
- Select single or multiple values
- Search select dropdown values while typing into the main area of focus
- Offers a somehow pleasent view of items
- Simple setup
A live demo can be found here.
See index.html
for details on how to setup the items. Or read on.
In short, create a select
element or elements with a base option structure, like you would do normally. You can also use selected
options.
Add the class sqDropdown
to the select
element or elements.
Now include the css
and js
code which you like to use, either the regular or the minified version. The index.html
shows the unminified setup. After the css class is added and the script is loaded, the magic will appear.
Reload the page and check out the nicely put dropdowns.