Tiny Two-Panel Multi Selection Plugin For jQuery - multi.js

Tiny Two-Panel Multi Selection Plugin For jQuery - multi.js
File Size: 9.02 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

multi.js is a lightweight, easy-to-use jQuery multi select plugin which enhance the native selects with an accessible, searchable/filterable multi-select interface with two panels. The user can select one or more items and send them to the other side.

Installation:

npm install multi.js

How to use it:

1. Include the needed jQuery library from a CDN you prefer.

<script src="//code.jquery.com/jquery.min.js"></script>

2. Include the plugin's JavaScript and CSS files after jQuery.

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

3. Call the function on the target multiple select element and done.

$('select').multi();

4. Enable/disable the live search functionality.

$('select').multi({
  'enable_search': true
});

5. Set the custom placeholder for the search field.

$('select').multi({
  search_placeholder: 'Search...'
});

This awesome jQuery plugin is developed by Fabianlindfors. For more Advanced Usages, please check the demo page or visit the official website.