Как удалить значения предыдущих строк во вновь добавленных строках в jsp, используя jquery

0

У меня есть таблица с одной строкой и с кнопками добавить и удалить вместе с каждой строкой.... если вы нажмете кнопку добавления, то она добавит новую строку, но проблема в том, что если вы заполните 1-ю строку некоторыми значениями, а затем, если вы нажмите кнопку "Добавить", а затем добавьте новую строку с такими значениями..... я не хочу, как это, новые строки должны иметь пустые значения.... может ли кто-нибудь разрешить это?

<html>
<head>
<script type="text/javascript"
src="/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>
Теги:
jsp

1 ответ

0
Лучший ответ

Пытаться

$clone_row = $('#FirstRow').clone();
$cloned_row.find("input").val('');
Поделиться
  • 0
    эй, это не работает ...
  • 0
    Куда вы добавляете $ cloned_row.find ("input"). Val (''); линия?
Показать ещё 10 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню