Selec multiple

by Plippie Plop

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css">
<select name="sel-01[]" id="sel-01" class="select-multiple" multiple>
    <option></option>
    <option value="AL">Alabama</option>
    <option value="CA">California</option>
    <option value="NY">New York</option>
    <option value="TX">Texas</option>
    <option value="WY">Wyoming</option>
</select>
<br>
<button class="btn btn-default">get items</button>

CSS

.select2-result-label .wrap:before {
    position:absolute;
    left:4px;
    font-family:fontAwesome;
    color:#999;
    content:"\f096";
    width:25px;
    height:25px;
}
.select2-result-label .wrap.checked:before {
    content:"\f14a";
}
.select2-result-label .wrap {
    margin-left:15px;
}

JavaScript

$('.select-multiple').multiselect();


    $('.btn').click(function (e) {
        console.log($('#sel-01').val());

    });
    // get/set checked via `.data`, `.val` is't working yet