如何將兩個輸入元素合併爲一個輸入元素來完成相同的任務？

Question

<input type="file" id="file" /><input type="button" value="display text" onclick="readAsText();"/> 

有兩個輸入，第一個選擇要上傳的文件，第二個將其作爲文本讀取（省略readAsText（）函數）。

如何將兩個輸入元素合併爲一個輸入元素來完成相同的任務？
我想要的只是點擊一個按鈕，該文件可以被選中和readAsText函數可以執行，而不是把它們全部放在一個div中。
將它們放入一個div元素非常簡單。

<div><input type="file" id="file" /><input type="button" value="display text" onclick="readAsText();"/></div> 

Answer 1

希望我明白了這個問題。

我會使用onchange，因爲當您單擊該值時尚未更新。 這應該工作

<input type="file" id="file" onchange="readAsText(this.value);" />