JSFiddle - React, Tailwind, and code Playground

by gvalmon

HTML

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

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

CSS

select {
    display: block;
    margin: 0 0 20px 0;
}

JavaScript

$("#amp").on('change', function () { 
 $("#cab").prop('disabled', $(this).val() == "Amplifier 2")
});