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'
});
});