JSFiddle - React, Tailwind, and code Playground

HTML

<select id="first">
    <option value="india">India</option>
    <option value="usa">USA</option>
    <option value="japan">Japan</option>
    <option value="australia">Australia</option>
</select>

<select id="second">
    <option value="india">India</option>
    <option value="usa">USA</option>
    <option value="japan">Japan</option>
    <option value="australia">Australia</option>
</select>

JavaScript

$('select').change(function() {
    $(this).siblings('select').find('option').attr({disabled:false});
   var thisIndex = parseInt($(this)[0].selectedIndex)+1;
    $(this).siblings('select').find('option:nth-child('+thisIndex+')').attr({disabled:true});
});