JSFiddle - React, Tailwind, and code Playground

HTML

<html lang="en"> 
<head>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css" />
</head>
<body>
  <form>
  <div id="container">
    
    <select id="dd_option" data-placeholder="Select one..." class="chzn-select" style="width:350px;" tabindex="2">
          <option value=""></option> 
          <option value="001">Option 1</option>
          <option value="002">Option 2</option>
          <option value="003">Option 3</option>
          <option value="004">Option 4</option>
          <option value="005">Option 5</option>
        </select>
        <br /><br />

    <button type="button" id="btn_hide">Hide</button>
    <button type="button" id="btn_unhide">Unhide</button>

  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js" type="text/javascript"></script>

JavaScript

$(".chzn-select").chosen().change(function() {
    alert(+$(this).val());
    //$('#' + $(this).val()).show();
});

$('#btn_hide').click(function() {

    // Just hide option 4
    $("#dd_option option[value='004']").hide();

    $("#dd_option").trigger("liszt:updated");

});

$('#btn_unhide').click(function() {

    // Just hide option 4
    $("#dd_option option[value='004']").show();

    $("#dd_option").trigger("liszt:updated");

});