JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myform" name="myform">
<div align="center">
<select name="make" class="make" size="1" onchange="">
<option value=" " selected="selected">display the </option>
<option value="ACURA ">ACURA </option>
<option value="INTEGRA">INTEGRA</option>
<option value="MDX">MDX</option>
<option value="RSX">RSX</option>
</select><br /><br />

<select name="model" class="model" size="1">
<option value=" " selected="selected">choose a regexp</option>
<option value="XYZ ">XYZ </option>
</select><br /><br />

    <select name="model" class="model" size="1">
<option value=" " selected="selected">choose a regexp</option>
<option value="XYZ ">XYZ </option>
</select><br /><br />
<select name="year" class="year" size="1">
<option value=" " selected="selected">SEARCH BY YEAR</option>
<option value="ABC">ABC </option>
</select>
<input type="button" class="go" name="go" value="proceed"onclick="doRedirect();">
</div>
</form>

JavaScript

$(document).ready(function() {
    $("select").each(function(i) {
        $(this).addClass("class-" + i);
    });
    $("select").each(function(i) {
        $(this)[0].disabled = true;
        $(this).change(function() {
            if ($(this).val() != "") {
                $(".class-" + (i + 1))[0].disabled = false;
            }
        });
    });
    $("select:eq(0)")[0].disabled = false;

});