Hide Dropdown field options base on selection in another dropdown

Hi I have 2 dropdown fields,

States [211] lists the US states

Deductibles [210] lists 5 deductibles, values are i.e. FIC - 0.002 .

I'm trying to hide the deductibles based on the state you select.

If you select MI as the state I need deductible 1, 2 & 3 hidden

If you select any other state I need deductible 4 & 5 hidden

I'm tying to use this script in the 'After Fields' bit to do it, which I've cobbled together from other scripts that work, but this doesn't 🙁 probably because I've no idea what I'm doing. I would also like to use it in a repeater section, if that makes a difference, it's not in a repeater at the moment, but that's the goal.
If anyone can help it would be much appreciated

<script type="text/javascript">      //Hides deductibles if not available
jQuery(document).ready(function($){
$('select[name="item_meta[211]"]').change(function(){
var val1 = $("select[name='item_meta[211]']").val();
if (val1 == 'MI - 0.00943')
jQuery("select[name='item_meta[210]']").children('option[value="SWBC - 0.0"]').css('display','none');
jQuery("select[name='item_meta[210]']").children('option[value="FIC - 0.0"]').css('display','none');
jQuery("select[name='item_meta[210]']").children('option[value="Seattle - 0.002"]').css('display','none');
else if (val1 !== 'MI - 0.00943')
jQuery("select[name='item_meta[210]']").children('option[value="Seattle - 0.0"]').css('display','none');
jQuery("select[name='item_meta[210]']").children('option[value="FIC - .003"]').css('display','none');
});
});
</script>