JSFiddle - React, Tailwind, and code Playground

HTML

<select multiple="multiple" id="targetFilesList"  style="width:200px;height:110px;">
   </select>
   <input type="button" value="Get" id="btnGet" />
<div id="test"></div>

JavaScript

$(function()
    {
        $('#btnGet').click(function()
        {
            var fileupload = $("<input type='file' name='filetoupload' style='visibility:hidden;'/>");
            $('#test').append(fileupload);
            
            var created = false;
            
            fileupload.click(function(){
               created = true;
            });
            
            fileupload.change(function() {
                
                $('#targetFilesList').append('<option >' + fileupload.val() + '</option>');
                return false;
            });
            window.setTimeout(function(){
             fileupload.click();   
            },0);
        });
    });