JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<select name="dateRange">
    <option value="0">Fortnightly</option>
    <option value="1">Today</option>
    <option value="2">Month</option>
    <option value="3">Custom Date</option>
</select>

<input type="text" name="dateInput" disabled=true />

JavaScript

$(document).ready(function() {
    $('select[name=dateRange]').change(function() {
        if ( $(this).val() != 3 )
        {
            $('input[name=dateInput]').prop('disabled', true);
        }
        else
        {
            $('input[name=dateInput]').prop('disabled', false);
        }
    });
});