我的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());});

两个ID（文件，文件名）只使用一次，因此不应该有问题。

示例摘录

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

可能是id中所有内容的原因。如果您的项目非常复杂，请尝试使用AxesDivider之类的工具。搜索重复的内容