jquery - 行克隆后更改选择名称

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

尝试修改这一行

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

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

Answer 2

你没有调用你的javascript函数

尝试这个，

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