Introduction

Bootstrap Multiselect Splitter

Bootstrap Selectsplitter's  transforms a <select>containing one or more <optgroup>in two chained <select>. For full documentation please check the plugin's repository.
<!-- Plugin Js -->
<script src="assets/bundles/multiselectsplitter.bundle.js"></script>

<!-- Jquery Page Js -->
<script>
    $(function () {
        $('#bmss-example1').multiselectsplitter();
        $('#bmss-example2').multiselectsplitter({
            selectSize: 7,
            clearOnFirstChange: true,
            groupCounter: true
        });
        $('#bmss-example3').multiselectsplitter({
            groupCounter: true,
            maximumSelected: 2
        });
        $('#bmss-example4').multiselectsplitter({
            groupCounter: true,
            maximumSelected: 3,
            onlySameGroup: true
        });
    });
</script>
EXAMPLE1:

Simple select, no multiple

EXAMPLE2:

Multiple select of size 7 with group counter. Second select is cleared, when first changed.

EXAMPLE3:

Multiple select with group counter. You can select maximum 2 options of all categories.

EXAMPLE4:

Multiple select with group counter. You can select maximum 3 options ONLY from one cattegory.