JSFiddle - React, Tailwind, and code Playground

HTML

<select name="select1" id="select1">
    <option value="north">North</option>
    <option value="south">South</option>
</select>

<select name="select2" id="select2">
    <option value="north">North 1</option>
    <option value="north">North 1</option>
    <option value="south">South 1</option>
    <option value="south">South 1</option>
</select>

JavaScript

$(function () {
    $('#select1').click(function () {
        $('#select2 option').hide();
        $('#select2 option[value="' + $(this).val() + '"]').prop("selected",true).show();
    });
});