Question

我有一个用户可以克隆的表行，如果他们需要额外的行，并且选择名称在克隆的同时通过jQuery增加。但是，不断克隆行并不会增加行数。

对此人的一些帮助将非常感激。代码如下。

function addRow() {
$("#addRow").live('click', function() { 
    var tr, clone, fields;
    tr = $(this).closest('.tr_clone');
    clone = tr.clone();

    tr.after(clone);
    tr.find('.addButton').empty();
    $("tr:last").css({backgroundColor: 'yellow', fontWeight: 'bolder'});
    fields = $("tr:last").find("select[name^='row-']");

    fields.attr('name', 'row-' + (fields.length + 1));
    name = fields.attr("name");

    alert(name);

});
}

Answer 1

你没有调用你的javascript函数

试试这个，

$(document).ready(function() { 
   addRow();
});

Answer 2

尝试修改此行

 fields.attr('name', 'row-' + ($('.tr_clone').length ));

在jsFiddle上 http://jsfiddle.net/hycqj/7/

行克隆后更改选择名称

2 个答案: