jquery - 前のオプションを選択したときにオプション フィールドの選択を無効にするにはどうすればよいですか?

Question

選択ボックスは 2 つあり、1 つはアンプを選択し、もう 1 つはそれに一致するキャビネットを選択します。

私の問題は、'Amplifier 2' が選択されている場合、キャビネット オプションに disabled="disabled" の値を追加する必要があることです。

次のようないくつかのオプションを試しました。

$("#amp option.grey-out option:selected").change() { 
   $("option.disable").attr("select[disabled='disabled']");
});

ここに私のHTMLがあります：

<select required="" autofocus="" id="amp" name="options" class="select-model">
    <option data-value="500">Amplifier 1</option>
    <option data-value="1000" class="grey-out">Amplifier 2</option>
</select>

<select required="" autofocus="" id="cab" name="options" class="select-model">
    <option data-value="100" class="disable">Cabinet 1</option>
    <option data-value="200" class="disable">Cabinet 2</option>
</select>

ここでjsFiddleを開始しました

Answer 1

このような...？

$(document).ready(function () {
$('#amp').change(function () {
    var ampVal = $('#amp').val();
    if (ampVal == 'Amplifier 2') {
        $('#cab').attr('disabled', 'true');
    } else {
        $('#cab').removeAttr('disabled');
    }
});
});

jsfiddle