我的Javascript在一个页面上工作，但不在另一个页面上。 （代码几乎相同）

Question

我希望span显示要上传的文件的名称。

<input type="file" name="sub" id="files" class="inputfile"> 
<label for="files">Choose a File</label> 
<span id="filename">No File Selected</span> 
<script type="text/javascript" src="script/upload.js"></script> 

它在下面的代码示例中正常工作。

<input type="file" name="picture" id="files" class="inputfile"> 
<label for="files">Choose an Image</label></br> 
<span id="filename">No Image Selected</span> 
<script type="text/javascript" src="script/upload.js"></script> 

upload.js

$("input[id='files']").change(function (e) { 
var $this = $(this); 
$("#filename").html($this.val().split('\\').pop());}); 

两个标识（文件，文件名）被使用一次，所以不应该是问题。

例片段：

$("input[id='files']").change(function (e) { 
 
var $this = $(this); 
 
$("#filename").html($this.val().split('\\').pop());});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="file" name="sub" id="files" class="inputfile"> 
 
<label for="files">Choose a File</label> 
 
<span id="filename">No File Selected</span> 
 
<!-- 
 
<input type="file" name="picture" id="files" class="inputfile"> 
 
<label for="files">Choose an Image</label> 
 
<span id="filename">No Image Selected</span> 
 
-->

Answer 1

奇怪，但我没有错误与您的代码。

可能是所有id的原因。如果您的项目非常复杂，请尝试使用类似Web dev Chrome extension的工具。有一个重复的ID搜索