10 Best Dual List Box Plugins In JavaScript (2024 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 Feb 23 2024
Table of contents:
jQuery Dual List Box Plugins:
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
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.
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.
Dynamic Dual List Box Plugin - jQuery Multi Selection
A lightweight and simple-to-use jQuery multiple selection (dual list box) plugin which enables the user to move options between two select boxes a button-based interface.
Dynamic Dual Multi-select Plugin - jQuery Picklist
A simple, dynamic dual list box plugin to create two side-by-side list boxes that allow items in one list to be moved to the other.
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.
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.
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.
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.
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.
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