JSFiddle - React, Tailwind, and code Playground

by synz izynz

HTML

<select id="negeri">
    <option value="">Sila Pilih</option>
    <option value="1">Terengganu</option>
    <option value="2">Pahang</option>
</select>
<br/>
<select id="daerah">
    <option value="">Sila Pilih</option>
    <option kod="1" value="01" style='display:none'>Dungun</option>
    <option kod="1" value="02" style='display:none'>Kuala Terengganu</option>
    <option kod="2" value="03" style='display:none'>Kuantan</option>
</select>

JavaScript

(function($){
    $(document).on('change','#negeri',function(){
        negeri = $(this).val();
        $('#daerah').val('');
        $('#daerah option').each(function(){
            var kod = $(this).attr('kod');
            
            if(kod){
                if(negeri === kod)
                    $(this).show();
                else
                    $(this).hide();
            }else{
                $(this).show();
            }
           // alert(kod);
        });
        
      //  val1 =  $("#daerah option:eq(2)").text();
      //  alert(val1);
    });
    
})(jQuery);