Knockout - Bootstrap SelectPicker

Shows how to bind Bootstrap Select from https://github.com/silviomoreto/bootstrap-select and Knockout for Bootstrap 3 and knockout 3

HTML

<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<link rel="stylesheet" href="//getbootstrap.com/dist/css/bootstrap.min.css">
<script src="//getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="//github.com/davidstutz/bootstrap-multiselect/blob/master/dist/css/bootstrap-multiselect.css">
<script src="//rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>
<select id="multi_" style="display:none">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
<option value="4">test4</option>
<option value="5">test5</option>
</select>

JavaScript

$(document).ready(function() {    
    $("#multi_").multiselect({
    enableFiltering: true,
                allSelectedText: 'All',
                numberDisplayed: 1,
                nSelectedText: 'Selected',
                nonSelectedText: 'None Selected'
    });
    
    $('#multi_').parent().find('ul').attr('style','display:block;'); 
});