JSFiddle - React, Tailwind, and code Playground

by Diabl0570

HTML

<select id="continents">
    <option value="dummy">Select</option>
<option value="EU">Europe</option>
<option value="US">USA</option>
<option value="AS">Asia</option>
</select>

<select id="countries" class="EU">
<option value="nl">Netherlands</option>
<option value="be">Belgium</option>
<option value="ge">Germany</option>
</select>

<select id="countries" class="US">
<option value="ny">Ney York</option>
<option value="ca">California</option>
<option value="de">Dellas</option>
</select>

<select id="countries" class="AS">
<option value="ny">New York</option>
<option value="ca">California</option>
<option value="de">Dellas</option>
</select>

CSS

#countries{
    display:none;
}

JavaScript

$(function(){
    $("#continents").change(function(){
       var value = $(this).val();
         $("#countries").css('display','none'); 
        $("."+value).css('display','block'); 
        
    });
    
})