This plugin has a fairly simple goal. Given a set of selectors, translate them into unordered lists and have those list items pass the click event back to the select element.
By choice, the plugin is minimal. Apart from the demo, you won't find any CSS. It will only translate the selects for you and pass the value back. It's up to you to style the unordered list.
-
Include jQuery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
-
Include plugin's code:
<script src="js/jquery.lister.min.js"></script>
-
Call the plugin:
// All Select Elements:
$("select").lister();
// Single Select Element:
$("selector1").lister();
// Multiple Select Elements
$("selector1", "selector2").lister();
Since Lister.js is still in early Alpha, the issues will be used for project management. If you'd like to contribute, take a peak there to see what can be done.