使用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'], 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
});