JSFiddle - React, Tailwind, and code Playground
by SullysRants
HTML
<select id="myselect1">
<option value="" selected="selected">Select...</option>
<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>
<option value="DDD">DDD</option>
</select>
<select id="myselect2">
<option value="" selected="selected">Select...</option>
<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>
<option value="DDD">DDD</option>
</select>
<select id="myselect3">
<option value="" selected="selected">Select...</option>
<option value="AAA">AAA</option>
<option value="BBB">BBB</option>
<option value="CCC">CCC</option>
<option value="DDD">DDD</option>
</select>
JavaScript
$('#myselect1').change(function () {
if ($(this).val() == 'AAA') {
$('#myselect2 option:lt(2)').remove();
$('#myselect3 option:lt(2)').remove();
}
});