« Back to home

jQuery NiceMultiselect

Render the standard html multi select a better way

jQuery Multiselect is a javascript plugin to make multi select user-friendly and to enhance the user experience without changing anything to the backend code — server side doesn't need to be changed.

Want to see a demo ?

Just have a look at the demo page that will show you this plugin in action.

Ok, I've watch, I want to download it

Download the archive pack here or get it from the git repository.

How to use it ?

Once you've downlaoded the archive, uncompress it. It contains a js folder and a css one (and licence aggreement).

Add the jquery.js and the jquery-nicemultiselect.js scripts in your page, with the following code just before your </body> tag

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-nicemultiselect.js"></script>			

Add the jQuery niceselect stylesheet or include it in your own stylesheet.

<style type="text/css" src="jquery-nicemultiselect.css"></style>

Apply the plugin to one ore many multi select dom element with the jQuery standard selector :

<script type="text/javascript">
<!--
$(document).ready(function() {
	$("#your-select-id").niceMultiSelect();
});
-->
</script>			

Can I use it legally ?

This jQuery plugin is under the MIT licence. In one word, you can download it, put it in your project. You are free to use a this project in commercial projects as long as the copyright header is left intact.

Just let the licence header in the code, and do not hesitate to report bug or submit code enhancement to improve it.

How to stay tuned, submit bug report, or ask any question ?

The source code and everything else about this project (evolution, bugfixes, ...) is on bitbucket.