10 Best Dual List Box Plugins In JavaScript (2026 Update)

What Is Dual List Box?

Dual List Box is a UI design pattern used to replace the multiple select for better user experience.

In general, a Dual List Box component allows the users to move a single or multiple items between 2 side-by-side select boxes via drag'n'drop or button-based controls.

The Best Dual List Box Plugin

Here are the 10 best jQuery and Vanilla JavaScript Dual List Box plugins that provide an advanced, user-friendly multiple select experiences on your web app. Have fun.

Originally Published Oct 17 2019, updated Jan 10 2026

Table of contents:

• jQuery Dual List Box Plugins
• Vanilla Dual List Box Plugins

jQuery Dual List Box Plugins:

Two-side Multi Select Plugin with jQuery - multiselect.js

A jQuery & Bootstrap based two-side multi select plugin that the users can move items between two boxes by selecting items(s) and clicking on arrow buttons.

[Demo] [Download]

---

Easy Filterable Dual List Box Plugin - jQuery DualSelectList

Yet another jQuery plugin for creating a multi-selectable dual list box where the users are able to move items between two filterable lists.

[Demo] [Download]

---

Groupable & Searchable Dual Listbox Plugin - jQuery Transfer

Transfer is a powerful, dynamic, groupable & searchable Dual Listbox plugin where the users are able to move groups and items between 2 side-by-side list boxes

[Demo] [Download]

---

Sortable Dual List Box In jQuery - multiselect.sortable.js

A jQuery multiple select plugin that turns a normal select element into a sortable dual list box, where you can swap options between two side-by-side selection lists.

[Demo] [Download]

---

Filterable Dual List Box With Move/Remove All Buttons

A minimal, clean, filterable dual list box (multiple select) plugin built with JavaScript and the latest Bootstrap 4 framework. jQuery is optional.

[Demo] [Download]

---

Convert Multi Select Into Dual List Box - jQuery Dualselect

Just another jQuery dual list box plugin that converts a normal multiple select element into a dual select interface for easier selection.

Features:

• Moves a single or all options between 2 select boxes.
• Allows the user to quickly filter options with a search field.
• Supports the native disabled attribute.
• Highly customizable and easy to style using your own CSS.

[Demo] [Download]

---

Fully Customizable jQuery Select Element Plugin - Multiselect

A tiny jQuery select replacement plugin that transforms the regular multiple select into a dual list box interface.

Features:

• Keyboard interactions.
• Moves options between 2 side-by-side lists by click.
• Supports native Optgroup, Selected, Disabled attributes.

[Demo] [Download]

---

Vanilla JavaScript Dual List Box Plugins:

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]

---

Create Dual List Box With Pure JavaScript – multi.js

multi.js is a lightweight JavaScript plugin that transforms the normal multiple select into a filterable/searchable dual list box interface for easier option selection. You can switch options between 2 select boxes by clicking.

[Demo] [Download]

---

Dynamic Dual List Picker In Pure JavaScript – list-picker

A dual list box style picker component which allows you to move any number of items between two html lists using mouse click or touch tap.

[Demo] [Download]

---

More Resources:

Seeking more jQuery plugins or JavaScript libraries to create awesome Dual List Box on the web & mobile? See jQuery Dual List Box and JavaScript Dual List Box sections for more details.

See Also:

• 10 Best Multiple Select Plugins
• 5 Best Multiple Select Components For Vue.js
• 10 Best Multiple Select Components For React & Reacti Native
• 10 Best Multiple Select Libraries For Angular
• 10 Best Dropdown Plugins To Replace The Native Select Box