如何将两个输入元素组合成一个输入元素来完成相同的任务

How to combine the two input elements into one input element to do the same task?

本文关键字:输入 元素 任务 一个 两个 组合      更新时间:2023-09-26
<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>

希望我理解了你的问题。

我将使用onchange,因为当您单击该值时尚未更新。这应该可以工作

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