JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-beta.3/js/select2.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-beta.3/css/select2.min.css">
<form action="" id="tagForm">
<select multiple="true" name="choose_usr_email[]" id="choose_usr_email" class="form-control select2">
<option value="Something">Something</option>
<option value="Anything">Anything</option>
<option value="Helo World">Helo World</option>
</select>
<button id=submit>submit</button>
</form>
<div class="jumbotron" id="output">
<h3>Submitted tags:</h3>
</div>
JavaScript
$('#choose_usr_email').select2({
tags: true,
tokenSeparators: [",", " "]
});
$('#tagForm').submit(function(e){
e.preventDefault();
$.ajax({
url: "/echo/html/",
type: 'post',
dataType: 'html',
data: $('#tagForm').serialize(),
success : function(responze){
/////////// FOR DEMO ///////////
$('#output').append('<br/>'+decodeURIComponent($('#tagForm').serialize()));
///////////////////////////////
}
});
});