JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<select class="info1" data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." id="selectAccessPoint" name="AccessPointsList.Id">
    <option value="2147483647">&lt;Select an Access Point&gt;</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
</select>

<input class="location info2 xl" id="newAccessPoint" maxlength="250" name="AccessPointsList.AccessPoint" type="text" value="">
<input class="location info2 xl" id="newAccessPoint1" maxlength="250" name="AccessPointsList.AccessPoint1" type="text" value="">

JavaScript

$('#selectAccessPoint').change(function () {
if($('#selectAccessPoint').value() == "2147483647" )
{
    $('#newAccessPoint').attr('disabled', this.value != "2147483647");
    $('#newAccessPoint1').attr('enable', this.value != "2147483647")
  }
  if($('#selectAccessPoint').value() == "2")
{
    $('#newAccessPoint1').attr('disabled', this.value != "2");
    $('#newAccessPoint').attr('enable', this.value != "2")
  }
  // or
    // var optVal = $('option:selected',this).text();    
    // $('#newAccessPoint').attr('disabled', optVal != '<Select an Access Point>');
}).change();