如何使用jquery删除jsp中新添加的行中先前的行值

我有一个单行表，每行都有添加和删除按钮。。。。如果你按下添加按钮，它会添加新行，但问题是，如果你用一些值填充第一行，然后如果你按下增加按钮，那么新行就会带有这些值。。。。。我不想那样，新行应该带有空值。。。。有人能解决这个问题吗？？？

<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">
var tableSize=0;
$(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) {
tableSize = $('#listfiles tr').length;
if (tableSize > 1) {
$(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>

尝试

$clone_row = $('#FirstRow').clone();
$cloned_row.find("input").val('');

相关内容

最新更新

热门标签：