JSFiddle - React, Tailwind, and code Playground

by mattography

HTML

<div class="form-group">
    <div class="input-group col-md-6">
        <input type="text" class="form-control" placeholder="Search by Asset ID" maxlength="64" class="form-control" id="imageid" name="imageid"> <span class="input-group-btn">
                        <button class="btn btn-default image-search" type="button">Search</button>
                      </span>

    </div>
    <div class="search-results"></div>
</div>
<div class="form-group">
    <label for="image">Select Asset Type:</label>
    <select id='crop' class="btn btn-default" data-toggle="dropdown">
        <option value="default">Choose Type</option>
        <option value="now">Now</option>
        <option value="livefeeds">Live Feeds</option>
    </select>
</div>
<div class="form-group">
    <label for="imageid">Select an image</label>
    <input type="file" name="file" class="btn btn-default form-control" id="file" accept="image/jpg, image/png, image/jpeg" />
</div>

JavaScript

if ($("#imageid").val() == '' && $("#crop default").is(':selected')) {
    $("#file").attr("disabled", "true");
} else if ($("#imageid").val() != '' && $("#crop").val() != "default") {
    $("#file").attr("disabled", "false");
}