10 Best Multiple Select Plugins In JavaScript (2020 Update)

by jQueryScript,

Tired of the native multiple select dropdown?

Styling a multiple select dropdown is NOT an easy task especially for beginners. 

This is why I create the list of 10 Best Multiple Select jQuery & Vanilla JavaScript plugins to save your Time and Money in development.

With these plugins, you're able to quickly create customizable, enhanced, user-friendly Multiple Select UI for easier options selection. Enjoy.

Originally Published Jan 17 2018, updated Jan 23 2020

Table of contents:

Best jQuery Multiple Select Plugins:

jQuery Plugin For Selecting Multiple Elements - Multiple Select

Multiple Select is a useful jQuery plugin that allows you to select multiple elements by clicking the checkboxes in a select drop down list.

jQuery Plugin For Selecting Multiple Elements - Multiple Select

[Demo] [Download]


Searchable Dual List Box Plugin With jQuery - multi.js

A lightweight JavaScript library that transforms the normal multiple select list into a searchable dual list box interface for easier option selection.

Searchable Dual List Box Plugin With jQuery - multi.js

[Demo] [Download]


jQuery Plugin For Multi-Selectable Tree Structure - Tree Multiselect

Tree Multiselect is a jQuery plugin that converts a multiple select box into a collapsible tree view with checkboxes for easy option selection. The user can either delete a selection from selected items in expanded view or by unchecking a select option.

jQuery Plugin For Multi-Selectable Tree Structure - Tree Multiselect

[Demo] [Download]


Tokenize2

A plugin which allows your users to select multiple items from a predefined list or ajax, using autocompletion as they type to find each item.

Tokenize2

[Demo] [Download]


User-friendly Multi Select Plugin For Bootstrap 4 - BsMultiSelect

Just another multi select plugin for Bootstrap 4 framework that converts a multi-select list into an easy to use dropdown with checkboxes.

https://www.jqueryscript.net/form/Bootstrap-4-Multi-Select-BsMultiSelect.html

[Demo] [Download]


Vanilla JavaScript Multiple Select Plugins

Multiselect Dropdown List With Checkboxes – multiselect.js

multiselect.js is an unobtrusive JavaScript plugin that converts the native select box into a multi-select control with checkboxes and check all button.

Multiselect Dropdown List With Checkboxes – multiselect.js

[Demo] [Download]


Multi-select Dropdown Component For JavaScript – slim-select

slim-select is a small and dependency-free JavaScript plugin for creating a searchable, multi-selectable dropdown list from a regular select element.

Multi-select Dropdown Component For JavaScript – slim-select

[Demo] [Download]


Customizable Select Box & Input Field Enhancement Library – Choices.js

Choices.js is a vanilla JavaScript plugin which converts the normal select and input into customizable select inputs with multi select and autocomplete support. Great for creating multi-select tagging systems.

Customizable Select Box & Input Field Enhancement Library – Choices.js

[Demo] [Download]


Pure JS Dual List Box Component

A pure JavaScript plugin that converts the normal select box into a searchable dual list box where the users are able to move options between two selection panels.

Pure JS Dual List Box Component

[Demo] [Download]


Elegant Multi-Select Component With Autocomplete – SelectPure

SelectPure is a pure JavaScript (es6) library to create elegant single or multiple select controls with support for autocomplete and dynamic data rendering.

Elegant Multi-Select Component With Autocomplete – SelectPure

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Multiple Select interfaces on the web & mobile? Check out the jQuery Multiple Select and JavaScript Multiple Select sections.

More Resources: