JSFiddle - React, Tailwind, and code Playground

by Jithin Raj P R

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css">
<form>
  <select name="faty" id="faty">
<option>Good</option>
<option>Bad</option>
</select>

  <div id="agent007">
    <select name="slimy" id="slimy">
<option>Good</option>
<option>Bad</option>
</select>
  </div>
</form>

CSS

select,
.select2-container {
  width: 100% !important;
}

div {
  display: none;
}

JavaScript

$(document).ready(function() {
  $("#faty").select2();
  $('#slimy').select2();
  $('#agent007').show();
});