改變輸入的值

Question

比方說，比如我有這樣的代碼：

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

現在我setupped一些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操作存在一些問題。