beeman / multi.js

A user-friendly replacement for select boxes with multiple attribute enabled

multi.js

multi.js is a user-friendly replacement for select boxes with the multiple attribute. It is mobile-friendly, easy to use, and provides search functionality. multi.js is also easy to customize and style with CSS.

Requires jQuery 1.6+.

Check out the demo.

Installation

Clone or download the repository to your project and include both files in the dist directory. Make sure to include jQuery before including multi.

<!-- Include jQuery -->

<link rel="stylesheet" type="text/css" href="multijs/dist/multi.min.css">
<script src="multijs/dist/multi.min.js"></script>

Usage

multi.js can be applied to any select element with the multiple attribute enabled.

$('.your-select-element').multi();

To customize multi a few options can be passed with the function call. Below are all the default values.

$('.your-select-element').multi({
    'enable_search': true,
    'search_placeholder': 'Search...',
});

License

multi.js is licensed under MIT.