JSFiddle - React, Tailwind, and code Playground

by mjdemilliano

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select id="myselect" multiple></select>
<input id="mybutton" type="button" value="Send">
<p id="output">

</p>

CSS

#myselect {
  width: 70%;
}
#mybutton {
  float: right;
}

JavaScript

$('#myselect').select2({
  tags: true,
  tokenSeparators: [',', ' ']
});
$('#mybutton').click(function(e) {
  $('#output').text('emails: ' + $('#myselect').val());
});