JSFiddle - React, Tailwind, and code Playground

by Vikram Kute

HTML

<select id="files">
	<option value="blank">(blank)</option>
    <option value="file1">File1</option>
    <option value="file2">File2</option>
    <option value="file3">File3</option>
    <option value="file4">File4</option>
</select>
<form id="uploadForm" action="upload_file.php" method="post" enctype="multipart/form-data">
  <input type="file" name="file" id="file" style="visibility:hidden;" >
  <input type="submit" value="Submit" id="uploadSubmit" style="visibility:hidden;"/>
</form>

JavaScript

$("#files").on("change", function(){
		var selected = $(this).val();
		$('input[type=file]').trigger('click');
	})
	
	$('input[type=file]').on("change", function(){
		$("#uploadForm").trigger('submit');
	})