Очистка значений TextBox после клонирования с использованием jQuery

Question

Я использую следующий код для клонирования строки в таблице, когда пользователь нажимает кнопку Добавить:

$('.addButton').click(function () { $('#quotesTable tbody>tr:last').clone(true).insertAfter('#quotesTable tbody>tr:last'); });

Как очистить значенияновая строка добавляется, чтобы они были пустыми?Например, если пользователь выбирает значение списка и вводит текст в текстовое поле, затем нажимает кнопку «Добавить», точно такая же строка копируется с выбранными и введенными значениями.

Мне нужно, чтобы новая добавленная строка былапусто.

Спасибо

Answer 1

Вы можете использовать метод find, чтобы найти все текстовые входы в клоне и очистить их значение, используя метод val, передав в качестве аргумента пустую строку:

$('.addButton').click(function () {
    var clone = $('#quotesTable tbody>tr:last').clone(true);
    clone.find("input[type='text'], select").val("");
    clone.insertAfter('#quotesTable tbody>tr:last'); 
});

Вы можете изменить селектор input[type='text'], select, если у вас есть другие элементы управления, которые вы также хотите очистить.

Answer 2

Попробуйте это:

$('.addButton').click(function () {
    var newRow = $('#quotesTable tbody>tr:last')
        .clone(true)
        .insertAfter('#quotesTable tbody>tr:last');
    newRow.find('.myselect').val(''); // replace with your default value and select class name
    newRow.find('.mytextbox').val(''); // replace with your default value and textbox class name
});