Select2 Tagging Example

Using Select2 v 4.0.0

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<select id="tags" multiple="multiple">
    <option value="Kerry">Kerry</option>
    <option value="Cork">Cork</option>
</select>

CSS

#tags {
    width:100%
}
/* Overrides the text wrapper inside of the input box */
li[class="select2-search select2-search--inline"] {
    margin-left:15px;
}

JavaScript

$('#tags').select2({
	tags: true,
    placeholder: "Add your tags here",
});