j查询更改后获取路径

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="" />