JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.0/chosen.jquery.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.0/chosen.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.0/[email protected]"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.0/chosen-sprite.png"></script>
<form>
  <select>
     <option>Select something</option>
     <option>ABC</option>
     <option>XYZ</option>
     <option>123</option>
  </select>    
  <br>
  <input type="text" value="Type something">
  <br><br>    
  <input type="reset" value="Reset">
</form>

CSS

select {width:160px;}

JavaScript

$(function(){
    
    $('select').chosen();  

    $("input[type='reset'], button[type='reset']").click(function(e){
         
          setTimeout(function(){ $("select").trigger("chosen:updated"); }, 50);

    });
    
});