JSFiddle - React, Tailwind, and code Playground
HTML
<select id="one">
<option value="a">A</option>
<option value="b">B</option>
</select>
<select id="two">
<option value="a">A</option>
<option value="b">B</option>
</select>
JavaScript
$("#one").change(function(){
if($("#one").val() == 'a'){
$("#two").val("b")
}else if($("#one").val() == 'b'){
$("#two").val("a")
}
});
$("#two").change(function(){
if($("#two").val() == 'a'){
$("#one").val("b")
}else if($("#two").val() == 'b'){
$("#one").val("a")
}
});