Bootstrap dual listbox solution
Bootstrap dual listbox solution: “Bootstrap Dual Listbox”.
Use Bootstrap dual listbox easy
Bootstrap Dual Listbox is a responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
The dual listbox is created from a select multiple by calling .bootstrapDualListbox(settings);
on a selector.
The selector can be any element, not just selects. When the method is called on a selector other than a select, then all select childs converted into dual list boxes. Wide options of configuration.

Sample code
var demo1 = $('.demo1').bootstrapDualListbox(); ...
var demo2 = $('.demo2').bootstrapDualListbox({ nonSelectedListLabel: 'Non-selected', selectedListLabel: 'Selected', preserveSelectionOnMove: 'moved', moveOnSelect: false, nonSelectedFilter: 'ion ([7-9]|[1][0-2])' });
License: Apache 2.0
Homepage and examples
https://www.virtuosoft.eu/code/bootstrap-duallistbox
GitHub
https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox
See also
Bootstrap input spinner – TouchSpin
Checkbox toggle with Bootstrap
Awesome Bootstrap checkboxes and radios
A good jQuery text counter plugin
Ideal Forms 3: build and validate responsive HTML5 forms!
jQuery autocomplete with nice effect – Tab Complete
Enjoy!
Related Posts
-
Chart.js – open source HTML5 Charts
No Comments | Dec 8, 2015 -
Progression.js – jQuery form progress indicator
No Comments | Dec 9, 2015 -
Cool HTML5 and CSS3 portfolio gallery
No Comments | Oct 31, 2015 -
Choices.js – nice select inputs UI
No Comments | Nov 28, 2018