使用 jQuery 克隆后清除 TextBox 值

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']，如果您还想清除其他控件，请选择 选择器。

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
});