JSFiddle - React, Tailwind, and code Playground

HTML

<select id="apply">
    <option value="email">Email</option>
    <option value="website">Website</option>
</select>
<input type="text" id="email" placeholder="test@test.com" />
<input type="text" id="website" placeholder="www.example.com" />
<textarea rows="4" cols="50" placeholder="text*"></textarea>
<input type="text" class="donthide" name="lastname" placeholder="Company Name">
<br />
<input type="file" class="donthide" name="companylogo" placeholder="Add company logo">
<input type="text" name="firstname" class="donthide" placeholder="Company web site URL">

CSS

.hidden {
    display: none
}

JavaScript

$(document).ready(function () {
    $(this).on('change', '#apply',function() {
        var selected = $(this).find(':selected').val(),
            elem = $("#"+selected);
        $("input").addClass('hidden');
        elem.removeClass('hidden');
        $(".donthide").show();
    });
    $("#apply").trigger('change');
});