JSFiddle - React, Tailwind, and code Playground

by mustafa yılmaz

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.2.0/select2.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/2.1.0/select2.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/2.1.0/select2.css "></script>
<input type='hidden' id='tags' style='width:300px'/>

JavaScript

var lastResults = [];
$("#tags").select2({
    createSearchChoice:function(term, data) {
    if ( $(data).filter( function() {
      return this.text.localeCompare(term)===0;
    }).length===0) {
      return {id:term, text:term};
    }
  },
    multiple: false,
    data: [{id: 0, text: 'story'}, {id: 1, text: 'bug'}, {id: 2, text: 'task'}]
});

$( "#tags" ).change(function() {
	console.log(this.value);
});