JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

<p>select2 select box:</p>
<p>
    <select  class="select2" style="width:300px" multiple>
        <option value="AL">Alabama</option>
        <option value="VT">Vermont</option>
        <option value="VA">Virginia</option>
        <option value="WV">West Virginia</option>
    </select>
</p>

<input type="text" id="test">

JavaScript

$(function(){
  // turn the element to select2 select style
  $('.select2').select2({
    placeholder: "Select a state",
    maximumSelectionLength: 2,
tokenSeparators: [',', ' ', ';'],
allowClear: true,
  }).on('change', function(e) {
    var data = $(".select2 option:selected").text();
    $("#test").val(data + ',');
  });

});