JSFiddle - React, Tailwind, and code Playground
HTML
<select id="a">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
<select id="b">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
<select id="c">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
JavaScript
$('#b,#c').find('option[value="' + $('#a').val() + '"]').hide();
selectFirstOption();
$('#a').on('change', function() {
$('#b,#c').find('option').show();
$('#b,#c').find('option[value="' + this.value + '"]').hide();
selectFirstOption();
});
function selectFirstOption(){
$('#b,#c').each(function(){
var option = $(this).find('option:visible:first').val();
$(this).val(option);
});
}