JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <select name="select">
        <option data-type="">...</option>
        <option data-type="file">Wallpaper</option>
        <option data-type="text">Video</option>
        <option data-type="text">Map</option>
        <option data-type="file">Skin</option>
        <option data-type="file">Klaxon</option>
    </select>
    <br/>
    <input type="text" class="hidden"/>
    <input type="file" class="hidden"/>
    
</form>

CSS

.hidden {
    display: none;
}

JavaScript

// au changement de valeur du select
$('select').on('change', function() {

    // on recupere l'objet select modifie
    var $select = $(this);
    // on recupere le data-type de l'option selectionne
    var type = $select.find('option:selected').attr('data-type');
    // on cache tous les inputs
    $('input').addClass('hidden');
    
    // on affiche l'input dont le type correspond au data type
    $('input[type="' + type + '"]').removeClass('hidden');
});