JSFiddle - React, Tailwind, and code Playground
HTML
<select id="rates1" class="selectclass">
<option value="0">0</option>
<option value="50">1</option>
<option value="100">2</option>
</select>
<select id="rates2" class="selectclass">
<option data-rates1="1" value="0">0</option>
<option data-rates1="1" value="80">1</option>
<option data-rates1="2" value="160">2</option>
</select>
JavaScript
$('#rates1').on('change', function () {
if ((this.value === '0') || (this.value === '50')) {
$('#rates2 option[data-rates1=1]').show();
$('#rates2 option[data-rates1=2]').hide();
}
else {
$('#rates2 option[data-rates1=1]').hide();
$('#rates2 option[data-rates1=2]').show();
}
});