jQuery更改后获取路径

Question

我有一个输入框和一个文件上传。选择文件后，我想在其他输入框中显示文件路径。

我在这里尝试过，但似乎不起作用：

https://jsfiddle.net/x7jzk0pg/32/

$(document).ready(function(){
  $('#myFile').change(function(){
    $('#text2').val($(this).val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="text2" id="text2" value="" />
<input type="file" name="myFile" id="text2" value="" />

我忘记了什么？

Answer 1

实际上，您为两个输入都使用了相同的ID，请进行如下更改：-

现在可以正常工作了。

$(document).ready(function(){
    $('#myFile').change(function(){
    $('#text2').val($(this).val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="text2" id="text2" value="" />
<input type="file" name="text2" id="myFile" value="" />