Question

我有一个单行的表，并且每行添加和删除按钮....如果你按下添加按钮然后它将添加新行但问题是如果你填充第一行的一些值和然后，如果你按下添加按钮然后新的行与那些值.....我不想这样，新行应该带有空值....任何人都可以解决这个???

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

Answer 1

尝试

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

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

1 个答案: