更改輸入文件的默認風格，改變文本選擇後一個文件

Question

我想改變輸入文件的默認樣式，我搜索SO，找到一個solution。 http://jsfiddle.net/younyzhU/6v8uL2co/

<div id=customOrth style="position: absolute; left:0; top:0px; "> 
<button><label for="inputFile" style="padding-left: 0px;"> 
<a >choose orthology File</a></label></button> 
<input style="display: none;" type="file" id="inputFile"> 
</div> 

然而，當我選擇一個文件，我需要的標籤更改爲選定的文件名，我應該怎麼辦？ 默認輸入文件將在選擇文件後向您顯示選擇的文件名。 謝謝！

Answer 1

這樣的回答可以幫助你，https://stackoverflow.com/a/1299069/3066711

應該爲這樣的事情一樣簡單。

$("#inputFile").on("change", function(data) { $("label[for=inputFile]").text($(this).val())});