JSFiddle - React, Tailwind, and code Playground

by Pradeep Shankar

HTML

<select id="issue_custom_field_values_6">
     <option value="-1">test</option>
    <option value="MESCOM">MESCOM</option>
    <option value="HESCOM">HESCOM</option>
  
</select>

<p>
<select class="list_cf" id="issue_custom_field_values_38" name="issue[custom_field_values][38]"><option value="">&nbsp;</option><option value="Corporate Office-Mangalore">Corporate Office-Mangalore</option>
<option value="O&amp;M - Circle-Mangalore">O&amp;M - Circle-Mangalore</option>
<option value="O&amp;M - Circle-Shimoga">O&amp;M - Circle-Shimoga</option>
<option value="O&amp;M - Circle-Udupi">O&amp;M - Circle-Udupi</option>
<option value="O&amp;M - Circle-Chikmagalur">O&amp;M - Circle-Chikmagalur</option>
<option value="O&amp;M - Zone-Mangalore">O&amp;M - Zone-Mangalore</option>
<option value="O&amp;M - Division-Mangalore">O&amp;M - Division-Mangalore</option>
<option value="O&amp;M - Division-Shimoga">O&amp;M - Division-Shimoga</option>
<option value="O&amp;M - Division-Udupi">O&amp;M - Division-Udupi</option>
<option value="O&amp;M - Division-Puttur">O&amp;M - Division-Puttur</option>
<option value="O&amp;M - Division-Chikmagalur">O&amp;M - Division-Chikmagalur</option>
<option value="O&amp;M - Division-Kadur">O&amp;M - Division-Kadur</option>
<option value="O&amp;M - Division-Kavoor">O&amp;M - Division-Kavoor</option>
<option value="O&amp;M - Division-Bhadravathi">O&amp;M - Division-Bhadravathi</option>
<option value="O&amp;M - Division-Sagar">O&amp;M - Division-Sagar</option>
<option value="O&amp;M - Division-Shikaripura">O&amp;M - Division-Shikaripura</option>
<option value="O&amp;M - Division-Bantwal">O&amp;M - Division-Bantwal</option>
<option value="O&amp;M - Division-Kundapura">O&amp;M - Division-Kundapura</option>
<option value="Corporate Office-Hubli">Corporate Office-Hubli</option>
<option value="O&amp;M - Zone-Hubli">O&amp;M - Zone-Hubli</option>
<option value="O&amp;M - Zone-Belgaum">O&amp;M - Zone-Belgaum</option>
<option value="O&amp;M - Circle-Hubli">O&amp;M -...

JavaScript

//$("#issue_custom_field_values_38").parent().hide();
// $("#issue_custom_field_values_105").parent().hide();

$("#issue_custom_field_values_6").change(function() {
    if(this.value == "MESCOM") {
        $("#issue_custom_field_values_38").parent().show();
       $( "#issue_custom_field_values_38 option[value='Corporate Office-Hubli']" ).nextAll().andSelf().css("display", "none");
         $( "#issue_custom_field_values_38 option[value='Corporate Office-Hubli']" ).prevUntil( "#issue_custom_field_values_38 option[value='']" ).css("display", "initial");
    } else if(this.value == "HESCOM") {
          $("#issue_custom_field_values_38").parent().show();
      $( "#issue_custom_field_values_38 option[value='Corporate Office-Hubli']" ).nextAll().andSelf().css("display", "initial");
         $( "#issue_custom_field_values_38 option[value='Corporate Office-Hubli']" ).prevUntil( "#issue_custom_field_values_38 option[value='']" ).css("display", "none");
         
    } else {
         $("#issue_custom_field_values_38").parent().hide();
    }
});