JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="col-md-10" id="divAmount">
    <select class="form-control" data-val="true" id="Amount" name="Amount">
        <option value="">-- Amount --</option>
        <option value="500">$500</option>
        <option value="5000">$5000</option>
        <option value="AmountOther">Amount Other</option>
    </select>
    <div>
        <div class="col-md-10" id="divAmount2">
            <input id="AmountOther" name="AmountOther" type="text" value="" />
        </div>

CSS

#divAmount2 {
    display:none;
}

JavaScript

$('#Amount').on('change', function () {
    $('#divAmount2').css('display', ($(this).val() == 'AmountOther') ? 'block' : 'none')
});