Jquery 如何在jsp中用选定的文件路径替换浏览按钮？_Jquery_Jsp

Jquery 如何在jsp中用选定的文件路径替换浏览按钮？

jquery jsp

Jquery 如何在jsp中用选定的文件路径替换浏览按钮？,jquery,jsp,Jquery,Jsp,我有一个表，其中包含一行“浏览”按钮和文本框如果您单击浏览按钮并选择一个文件，那么它将显示除浏览按钮之外的文件路径，但我想用所选文件路径替换浏览按钮谁能解决这个问题您可以退房@ $（文档）.ready（函数（）{ $（'#btnAdd'）。单击（函数（）{ $clone_row=$（'#FirstRow'）.clone（true）； $clone_row.appendTo（'#listfiles'）； var row_len=$（'#listfiles tr'）.length； var

我有一个表，其中包含一行“浏览”按钮和文本框

如果您单击浏览按钮并选择一个文件，那么它将显示除浏览按钮之外的文件路径，但我想用所选文件路径替换浏览按钮

谁能解决这个问题

您可以退房@


$（文档）.ready（函数（）{
$（'#btnAdd'）。单击（函数（）{
$clone_row=$（'#FirstRow'）.clone（true）；
$clone_row.appendTo（'#listfiles'）；
var row_len=$（'#listfiles tr'）.length；
var file_name='file'+行_len+'：'；
$clone\u row.find（'span.file\u name'）.text（文件名）；
});
});
函数deleteRow（btn）{
$（btn.parent（）.parent（）.remove（）；
$（'#listfiles tr'）。每个（函数（i）{
var指数=i+1；
$（'td:first.file_name'，this）.text（'file'+index+'：'）；
})
}
文件1：
说明：

像这样吗？注意，我必须更改为jQuery的更高版本-您可能还需要删除伪造路径，并且必须更改ID以使其唯一

没问题，，，，任何版本的jquery对我来说都可以…但是看一下你的实时演示一次…当你点击浏览按钮选择一个文件后，如果你按下添加附加链接，那么它将带同一个文件位置的同一行，但是如果你每次按下添加附加按钮，新行应该没有任何值，只是空的…嘿，谢谢你纠正我的问题，但你能做必要的。。。。

 <html>
 <head>

   <script type="text/javascript" 
   src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4 /jquery.min.js"></script>
   <script type="text/javascript">
   $(document).ready(function () {
   $('#btnAdd').click(function () {
    $clone_row = $('#FirstRow').clone(true);
    $clone_row.appendTo('#listfiles');
    var row_len = $('#listfiles tr').length;
    var file_name = 'File ' + row_len + ':';
    $clone_row.find('span.file_name').text(file_name);

   });
   });

   function deleteRow(btn) {
    $(btn).parent().parent().remove();
  $('#listfiles tr').each(function (i) {
    var index = i + 1;
    $('td:first .file_name', this).text('File ' + index + ':');
   })
 }
   </script>
  </head>

  <body>
 <table id="listfiles">
 <tr id="FirstRow">
    <td>    <span class="file_name">File 1:</span>

        <input type="file" name="filename" id="filename" value="xyz" />Description:
        <input type="text" name="description" id="filename" value="" />
        <a href="#" onclick="deleteRow(this);">DeleteFile</a>

    </td>

 </tr>
 </table> <a href="#" id="btnAdd">Add additional file</a> 
</body>
 </html>

$(function () {
  var $firstRow = $(".Row").first().clone(true);
  $('#btnAdd').click(function () {
    $clone_row = $firstRow.clone(true);
    $clone_row.find("input").val("");
    $clone_row.appendTo('#listfiles');
    var row_len = $('#listfiles tr').length;
    var file_name = 'File ' + row_len + ':';
    $clone_row.find('span.file_name').text(file_name);

});
$(".fileUpload").on("change",function() {
    $(this).hide();
    $(this).after($(this).val())
});