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.

Bootstrap dual listbox
Bootstrap dual listbox

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!