Multi-Select


Multi-Select

The Multiselect plugin styles the conventional multiselect form item to a more user-friendly checkboxed combo-box. Download plugin here or from GitHub.

HTML CODE
<select id="multiselect" multiple="multiple">
        <option value="cheese">Cheese</option><option value="tomatoes">Tomatoes</option>
        <option value="mozarella">Mozzarella</option>
        <option value="mushrooms">Mushrooms</option>
        <option value="pepperoni">Pepperoni</option>
        <option value="onions">Onions</option>
        </select>

Include CSS code from plugin

<link
href="assets/plugins/bootstrap-multiselect/css/bootstrap-multiselect.css"
rel="stylesheet" type="text/css">
                            

Include JS code from plugin

<link href="assets/plugins/bootstrap-multiselect/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css">
                            

Include JavaScript code from plugin

<script src="assets/plugins/bootstrap-multiselect/js/bootstrap-multiselect.js" type="text/javascript"></script>

Initialize plugin
<script type="text/javascript">
$('#multiselect').multiselect();
</script>
For more options and methods Bootstrap Multiselect Documentation