JSFiddle - React, Tailwind, and code Playground

HTML

<select id="ddl1">
    <option value="0">Michael Jordan</option>
    <option value="1">Magic Johnson</option>
    <option value="2">Larry Bird</option>
</select>

<select id="ddl2">
    <option value="0">Michael Jordan</option>
    <option value="1">Magic Johnson</option>
    <option value="2">Larry Bird</option>
</select>

JavaScript

$(function(){
    var lists = $('#ddl1, #ddl2');
    lists.change(function(){
        var elm = $(this);
        lists.find('option').show();
        var option = lists.not('#' + this.id)
            .find('option[value="' + elm.val() +'"]').hide();

        if(option.is(':selected'))
        {
            var select = option.closest('select');
            select.val(select.find('option:visible:first').val());
        }
    });
});