dual-listbox

Dual Listbox

Make your multi select pretty and easy to use with only javascript.

Styling.

with selected options and one option highlighted.

Install

Install with npm

$ npm i dual-listbox --save

Usage

new DualListbox('select'); // Selects the first selectbox on the page.
new DualListbox('.select'); // Selects the first element with the class 'select'
new DualListbox('#select'); // Selects the first element with the id 'select'

You can also pass some options to the DualListbox

new DualListbox('#select', {
    addEvent: function(value) {
        console.log(value);
    },
    removeEvent: function(value) {
        console.log(value);
    },
    availableTitle: 'Different title',
    selectedTitle: 'Different title',
    addButtonText: '>',
    removeButtonText: '<',
    addAllButtonText: '>>',
    removeAllButtonText: '<<'
});

Contributing

Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.

Author

Maykin Media

• maykinmedia.nl
• github/maykinmedia
• twitter/maykinmedia

License

Copyright © 2016 Maykin Media Licensed under the MIT license.