JSFiddle - React, Tailwind, and code Playground
HTML
<select id="1">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
</select>
<select id="2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
</select>
JavaScript
$("select").change(function()
{
$("select option").attr("disabled","");
DisableOptions();
});
function DisableOptions()
{
$("select option").filter(function()
{
var bSuccess=false;
var selectedEl=$(this);
$("select option:selected").each(function()
{
if($(this).val()==selectedEl.val())
{
bSuccess=true;
return false;
}
;
});
return bSuccess;
}).attr("disabled","disabled");
}