JSFiddle - React, Tailwind, and code Playground

by tymeJV

HTML

<select id="model">
    <option disabled>Make a choice..</option>
    <option value="model1">Model 1</option>
    <option value="model2">Model 2</option>
    <option value="model3">Model 3</option>
    <option value="model4">Model 4</option>
</select>

<input type="text" name="extra" disabled>

JavaScript

$("#model").change(function() {
    console.log(this.value);
    if (this.value == "model2" || this.value == "model3") {
        $("input[name='extra']").prop("disabled", false);
    }
    else {
        $("input[name='extra']").prop("disabled", true);
    }
});