Select2 Tagging Example

Using Select2 v 4.0.0

by Abhinav Singh

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 selected="selected">Kerry</option>
    <option selected="selected">Cork</option>
</select>

CSS

#tags {
    width:100%
}

JavaScript

$('#tags').select2({
	data: ["Clare","Cork","South Dublin"],
    tags: true,
    tokenSeparators: [','], 
    placeholder: "Add your tags here"
});