Javascript 更改输入'；基于另一个输入的s值'；s值

比如说，我有以下代码：

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

---

简单jQuery代码：

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

纯JavascriptJavascript：

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

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

函数foo（）{
document.getElementById（'other'）.value=this.value
}

SimplejQuery代码：

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

纯JavascriptJavascript：

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

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

函数foo（）{
document.getElementById（'other'）.value=this.value
}

添加一个

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;
}

浏览
函数（val）{
document.getElementById（'somethinghere'）。value=val；
}

---

您需要添加

id

属性，才能使其工作

添加

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;
}

浏览
函数（val）{
document.getElementById（'somethinghere'）。value=val；
}

---

您需要添加

id

属性才能使其工作

是。使用

onchange

。

---

顺便说一句，请阅读。选择文件后，JS操作存在一些问题。

是。使用

onchange

。

---

---

顺便说一句，请阅读。选择文件后，JS操作存在一些问题。

您到底想做什么？我想使用

输入[type=file]

中的文件路径作为类

uploadarea的输入值。

@user1099531您无法获得文件输入元素的路径，只有文件名。为什么要使用类？有很多这样的元素吗？^没有，但是有些元素的样式与那些元素的样式相同。您到底想做什么？我想使用

输入[type=file]

中的文件路径作为类

上传区域的输入值

@user1099531您无法获得带有file输入元素的文件路径，只是文件名。为什么要使用类？有很多吗？^没有，但是有些元素的样式与那些元素的样式相同。很抱歉，这不包括jQuery。

getElementsByClassName

在上不完全受支持。很抱歉，这不包括jQuery。

getElementsByClassName

在上不完全受支持。我应该将它放在头上还是放在

之前？您可以将脚本放进去作为其触发的，即不依赖于DOM已就绪。值是

undefined

。当我选择一个文件时，这里

something

的值现在是

undefined

。啊，我明白了。谢谢@manseuks我应该把它放在头上还是放在

之前？你可以把脚本放在中作为它的触发-也就是说，不依赖DOM的ReadyWird。值是

undefined

。当我选择一个文件时，这里

something

的值现在是

undefined

。啊，我明白了。谢谢你@ManseUK