Select2 Multiple Select Example

Select2 Multiple Select Example www.BryteStudio.com

HTML

<link rel="stylesheet" href="http://select2.github.io/select2/select2-3.5.1/select2.css">
<script src="http://select2.github.io/select2/select2-3.5.1/select2.js"></script>
<body>Multiple select example
    <div class="selectRow">
        <!-- Using data-placeholder below to set place holder value versus putting in configuration -->
        <select id="multipleSelectExample" data-placeholder="Select an option" multiple>
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
            <option value="4">Option 4</option>
            <option value="5">Option 5</option>
        </select>
    </div>
</body>

CSS

.selectRow {
    display : block;
    padding : 20px;
}
.select2-container {
    width: 200px;
}

JavaScript

$(document).ready(
    
    function () {
        $('#multipleSelectExample').select2({
          	closeOnSelect: false
      	});
    }
);