linuskohl/doublelistbox

Replace select element with a two listbox-widget using Twitter Bootstrap. Has the ability to sort selected options.

DoubleListBox

Replace select element with a two listbox widget using jQuery/Twitter Bootstrap. Has the ability to filter options and to sort the selected elements.

Demo

jsFiddle

Requirements

• "bootstrap": "~3.3.7"
• "jquery": "~3.2.1"

Install

Via Bower

bower install double-list-box --save

Manual

Include the files in your project like below

<link rel="stylesheet" type="text/css" href="src/css/doublelistbox.css">
<script type="text/javascript" src="src/js/doublelistbox.js"></script>

Usage

$(function(){
    var listBox = DoubleListBox($('SELECT ELEMENT SELECTOR'));
});

Documentation

new DoubleListBox()

DoubleListBox Object

doubleListBox.updateData([])

Update options, keeps already selected options selected

Param	Description
[ ]	updates - Array of options

doubleListBox.destroy()

Destroys the DoubleListBox and replaces it with the original select element

License

DoubleListBox is freely distributable under the terms of the MIT license. Copyright notice and permission notice shall be included in all copies or substantial portions of the Software.

Authors

Linus Kohl / @linuskohl