Selectability

What is it?

Selectability is an accessible, themable dropdown widget. It aims to provide the same native experience as an HTML <select> element, but with much richer CSS styling.

How do I use it?

You'll need to include jQuery first. Then, drop the selectability plugin into your project.

After that, the following snippet will change any selects to use Selectability instead:

$('select').selectability();

Demo

Using <select>

Using selectability

Colophon

Selectability was originally developed for the National Assessment of Educational Progress (NAEP) in partnership with ETS, using funding from the US Department of Education.