<!-- Include Twitter Bootstrap and jQuery: -->
<link rel="stylesheet" href="https://davidstutz.github.io/bootstrap-multiselect/css/bootstrap-3.1.1.min.css" type="text/css"/>
<script type="text/javascript" src="https://davidstutz.github.io/bootstrap-multiselect/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="https://davidstutz.github.io/bootstrap-multiselect/js/bootstrap-3.1.1.min.js"></script>
<!-- Include the plugin's CSS and JS: -->
<script type="text/javascript" src="https://davidstutz.github.io/bootstrap-multiselect/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="https://davidstutz.github.io/bootstrap-multiselect/css/bootstrap-multiselect.css" type="text/css"/>
<select id="example28" multiple="multiple">
<option value="cheese">Cheese Cheese Cheese Cheese Cheese Cheese Cheese Cheese Cheese Cheese </option>
<option value="tomatoes">Tomatoes Tomatoes Tomatoes Tomatoes Tomatoes Tomatoes Tomatoes</option>
<option value="mozarella">Mozzarella Mozzarella Mozzarella Mozzarella Mozzarella</option>
<option value="onions">Onions Onions Onions Onions OnionsOnions Onions OnionsOnions Onions</option>
</select>
$(document).ready(function() {
$('#example28').multiselect({
includeSelectAllOption: true,
enableFiltering: true,
enableCaseInsensitiveFiltering:true,
maxHeight: 150
});
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.