JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.js"></script>
<div>

  <select id="select1" class="selectcls" style="width:100px" name="select1this" class="wrap">
    <option></option>
    <option style="background-color:green" value="A21">A21</option>
    <option style="background-color:blue" selected value="A22">A22</option>
    <option style="background-color:orange" value="A23">A23</option>
  </select>

</div>

JavaScript

$('.selectcls').select2({
  minimumResultsForSearch: -1,
  placeholder: "Nothing selected",
 });