Javascript Jquery克隆相同的名称而不是新名称

我目前正在使用cakephp进行开发。我对jquery没有太多经验，但在这个任务中，我想使用jquery.clone（）函数克隆表单的输入/选择字段。我已经做了剧本，但没有像我想的那样成功。我真的不知道怎么解决这个问题，即使在谷歌搜索之后

问题是： 我有这种类型的输入

name=“data[item][0][name]”

， 我想克隆这个输入并像这样增加0++值

     name="data[item][0][name]"
     name="data[item][1][name]"
     name="data[item][2][name]"

我所做的是单击“添加属性”按钮， 它将替换并复制相同的整数值，如下所示：

如果单击“添加”按钮一次：

name="data[item][1][name]"
name="data[item][1][name]"

我再次单击了添加按钮：

name="data[item][2][name]"
name="data[item][2][name]"
name="data[item][2][name]"

它复制相同的名称而不是增加值。我真的不知道是什么问题。请大家帮助我

这是我的代码： PHP:

谢谢stackoverflow..

试试：

$(document).ready(function () {
    index = 0;
    $("#addAttribute").click(function () {
        index++;
        $("#Attribute").clone()
        .attr("id", "Attribute" + index)
        .attr("name", "data[item][" + index + "][name]")
        .appendTo('#CloneAttribute');
    });
});

$(document).ready(function(){

    index = 0;
    $("#addAttribute").click(function(){
        index++;
     $("#Attribute").clone().attr("id","Attribute" + index)
        .appendTo('#CloneAttribute');
        //For each input fields contained in the cloned form...
         $('#CloneAttribute').each(function(){
            $('#CloneAttribute select').attr("name",'data[attribute]['+index+'][attribute_id]');                    
         });
});

$(document).ready(function () {
    index = 0;
    $("#addAttribute").click(function () {
        index++;
        $("#Attribute").clone()
        .attr("id", "Attribute" + index)
        .attr("name", "data[item][" + index + "][name]")
        .appendTo('#CloneAttribute');
    });
});