Setting Select2 Tags

For stackoverflow answer.

by samu_eyes

HTML

<script src="https://cdn.jsdelivr.net/select2/3.5.2/select2.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/select2/3.5.2/select2.css">
<input type="text" id="tagSelect" value="brown,red,green" style="width:300px;" /><br />
<br />
<button type="button" id="setValue">set value</button><br />
<br />
<button type="button" id="showValue">show value</button><br />
<br />
<div id="output">
</div>

JavaScript

$('#tagSelect').select2({ tags: ["red", "green", "blue2"] });

$('#setValue').click(function() {
    $('#tagSelect').select2('val', ['brown','red','green']);
});

$('#showValue').click(function() {
    $('#output').text($('#tagSelect').val());
});