JSFiddle - React, Tailwind, and code Playground

HTML

<select name="chooseGW">
    <option value="noneGW">-- none --</option>
    <option value="fileiceGW">Fileice Gateway</option>
    <option value="adworkGW">Adworkmedia Gateway</option>
    <option value="cpaleadGW">CPALead Gateway</option>
</select>
<div style="display: inline;" id="fields">
    <input type="text" id="fileiceGW" style="display: none;" value="fileice()" />
    <input type="text" id="adworkGW" style="display: none;" value="adwork()" />
    <input type="text" id="cpaleadGW" style="display: none;" value="cpalead()" />
</div>

JavaScript

$('select[name="chooseGW"]').on('change', function () {
    $('#fields input').hide();
    if (this.value !== 'noneGW') {
        $('#' + this.value).show();
    }
});

/*$('select[name="chooseGW"]').change(function(){
    if ($(this).val() == "fileiceGW") {
        $('input#fileiceGW').css('display', 'block');
    } else {
        $('input#fileiceGW').css('display', 'none');
    }

    if ($(this).val() == "adworkGW") {
        $('input#adworkGW').css('display', 'block');
    } else {
        $('input#adworkGW').css('display', 'none');
    }

    if ($(this).val() == "cpaleadGW") {
        $('input#cpaleadGW').css('display', 'block');
    } else {
        $('input#cpaleadGW').css('display', 'none');
    }

});*/