javascript - 別の選択オプションに基づいて選択オプションを無効にする

Question

私は2つ選択しています：

<select id="select_1" name="tipo_carta">
 <option value="1">90gr</option>
 <option value="2">150gr</option>
 <option value="3">270gr</option>
</select>

<select id="select_2" name="stampa">
 <option value="0">Fronte</option>
 <option value="1">Fronte e Retro</option>
</select>

オプション「270gr」（select_1から）を選択すると、オプション「Fronte e Retro」（select_2から）を無効にします

どうすればこれを達成できますか？

Answer 1

以下を使用してください

$('#select_1').change(function() {
   if($(this).val() == '3') {
        $("#select_2 option:contains('Fronte e Retro')").attr({disabled:true});
    } else {
       $("#select_2 option:contains('Fronte e Retro')").attr({disabled:false});
    }

});

Answer 2

これを試して..

$('#select_1').change(function(){
  if($(this).val() == 3){
    $('#select_2').find('option:eq(1)').prop('disabled',true);
  }else{
     $('#select_2').find('option:eq(1)').prop('disabled',false);
  }
});

ここでフィドル