Question

比方说我有这样的代码：

<input type="file" id="file" name="">
<input class="uploadarea">
<span class="button">Browse</span>

现在我已经设置了一些css来更改默认输入文件按钮的外观，现在的问题是，当我选择时，如何根据.uploadarea的值更改#file的值一个文件？

我目前有这段代码，但我不知道下一步该做什么。

var x = document.getElementsByTagName('input');
inputfile = x[0];
textbox = x[1];

Answer 1

添加onchange处理程序来处理文件事件上的change事件：

<input type="file" id="file" name="" onchange="something(this.value)">
<input id="somethinghere" class="uploadarea">
<span class="button">Browse</span>

function something(val) {
    document.getElementById('somethinghere').value = val;
}

您需要为此工作添加id属性

Answer 2

简单 jQuery 代码：

$('#file').change(function(){
    $('.uploadarea').val(this.value);
});

纯 Javascript ：

<input type="file" id="file" onchange="foo()" />
<input class="uploadarea" id="other" />

function foo(){
    document.getElementById('other').value = this.value
}

Answer 3

是。使用onchange。顺便说一下，阅读alternate to onchange event in <input type='file' />。文件选择后，JS操作存在一些问题。

根据另一个输入值更改输入值

3 个答案: