JSFiddle - React, Tailwind, and code Playground

by bmarsh123

HTML

<select name="test1" id="test1">
    <option value="Select">Select</option>
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
</select>


<select id="test2" name="test2">
    <option value="Select">Select</option>
    <option value="a">a</option>
    <option value="a">b</option>
    <option value="a">c</option>
    <option value="b">1</option>
    <option value="b">2</option>
    <option value="b">3</option>
    <option value="c">c</option>
 </select>

JavaScript

$('#test1').on('change', function() {
    $('#test2 option:not(option[value='+$(this).val()+'])').hide();
    $('#test2 option[value='+$(this).val()+']').show();
});