JSFiddle - React, Tailwind, and code Playground

by javajack

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://davidstutz.github.io/bootstrap-multiselect/css/bootstrap-multiselect.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://davidstutz.github.io/bootstrap-multiselect/js/bootstrap-multiselect.js"></script>
<div class="container">
    <br>
    <br>
     <h3>Multiple Select by OptGroup</h3>

    <form action="/xxx" method="POST" name="sampleform">
        <select id="mySel3" name="mySel3" class="select2" multiple="multiple" style="width:400px;">
            <optgroup label="Select multiple">
                <option>One</option>
                <option>Two</option>
                <option>Three</option>
                <option>Siz</option>
                <option>Seven</option>
                <option>Nine</option>
            </optgroup>
            <optgroup label="Select one" class="single">
                <option>Four</option>
                <option>Five</option>
                <option>Six</option>
            </optgroup>
        </select>
        <input type="submit" />
    </form>
</div>

JavaScript

$("#mySel3").multiselect();