JSFiddle - React, Tailwind, and code Playground

by Aalok Mishra

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select>
  <option>abc</option>
  <option>abc1</option>
  <option>abc2</option>
  <option>abc3</option>
  <option>abc4</option>
  <option>abc5</option>
</select>

CSS

select {
  width: 100px;
}

JavaScript

var $flag = false;

if ($('select').length > 0) {
  $('select').select2();
  $flag = true;
} else {
  alert('select2 not initialized');
}

if ($flag) {
  alert('done');
}