multi.js is a user-friendly replacement for select boxes with the multiple attribute. It has no dependencies, is mobile-friendly, and provides search functionality. multi.js is also easy to style with CSS and optionally supports jQuery.

Check out the demo.

Clone or download the repository to your project and include both files in the dist directory.

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

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

var select_element = document.getElementById( 'your_select_element' );
multi( select_element );

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

multi( select_element, {
    'enable_search': true,
    'search_placeholder': 'Search...',
});

multi.js is fully native Javascript but also has jQuery support. If you have jQuery included multi can be applied to a select element as follows:

$( '#your_select_element' ).multi();

• Native Javascript, no jQuery
• Support for disabled options
• Browser testing
• Support for optgroups
• Support for retrieving options by AJAX
• Tests

All contributions, big and small, are very welcome.

Try to mimic the general programming style (mostly based on personal preferences) and keep any CSS as simple as possible. Build the project with Grunt and bump the version number before creating a pull request.

multi.js is licensed under MIT.