JSFiddle - React, Tailwind, and code Playground

HTML

<select id="state" name='State'>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>
</select>
<select id="city" name='City'>
    <option class="AL" value="City A">City A</option>
    <option class="AL" value="City B">City B</option>
    <option class="AK" value="City C">City C</option>
    <option class="AK" value="City D">City D</option>
</select>

JavaScript

$('#state').data('city', $('#city option'));//Store the options initially when page loads.

$(function () {
    $('#state').change(function () {
         var selstate = $(this).val();
         var options = $(this).data('city');
           $('#city').html(options.filter(function(){return this.className === selstate}));
     });
});