10 Best Multiple Select Plugins In JavaScript (2020 Update)

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:

• jQuery Multiple Select Plugins
• Vanilla JavaScript Multiple Select Plugins

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.

[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.

[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.

[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.

[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.

[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.

[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.

[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.

[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.

[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.

[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:

• 10 Best Multiple Select Libraries For Angular Apps
• 10 Best Tags Input Plugins In JavaScript
• 10 Best Dual List Box Plugins In JavaScript
• 10 Best Dropdown Plugins To Replace The Native Select Box