Jquery动态表单插件,尝试在添加字段标签时重命名它们

Jquery动态表单插件,尝试在添加字段标签时重命名它们,jquery,plugins,dynamic-forms,Jquery,Plugins,Dynamic Forms,我目前正在使用jquery动态表单插件添加表单字段 我的挑战是在添加/克隆字段标签时尝试重命名字段标签: 例如: 电话区 电话区2 电话区3 如果有人有这个插件的经验,我一定会感谢你的帮助。谢谢 看起来创建的标签的for属性的格式是phone,其中是基于0的索引,您可以执行以下操作: var i = 0; var $label = $('label[for="phone' + i + '"]'); do { var txt = 'Phone Field'; if(i > 0)

我目前正在使用jquery动态表单插件添加表单字段

我的挑战是在添加/克隆字段标签时尝试重命名字段标签:

例如:

电话区

电话区2

电话区3


如果有人有这个插件的经验,我一定会感谢你的帮助。谢谢

看起来创建的标签的for属性的格式是
phone
,其中
是基于0的索引,您可以执行以下操作:

var i = 0;
var $label = $('label[for="phone' + i + '"]');
do
{
   var txt = 'Phone Field';
   if(i > 0)
      txt += ' ' + i;
   $label.text(txt);

   i++;
   $label = $('label[for="phone' + i + '"]');
} while($label.length);
正在工作的JSFIDLE示例

编辑:回应David的评论:

一种方法是在添加新克隆时挂起,记录添加了多少克隆(用于文本)。然后,只需重命名添加的标签:

var numLabels = 0;
$(document).ready(function() {
    $("#duplicate").dynamicForm("#plus", "#minus", { //options
        limit: 3,
        afterClone: function(clone) {
            numLabels++;
            var txt = 'Phone Field ' + numLabels;
            $('label', clone).text(txt);
        }
    });
});

你应该研究一下jQuery的方法……如果你需要帮助实现它,请告诉我。

我们可以看到使用插件生成的HTML吗?@Chad,当然可以,我已经将它添加到了上面的原始帖子中。@DavidJ我需要在重新选择之前增加
I
,我更改了它并发布了一个工作示例。@David,谢谢你的辛勤工作!正在试图找出如何将此添加到上面的jquery代码片段中。@Chad,谢谢。它似乎不起作用,正在尝试排除故障。@David您可以使用它共享指向您站点的链接,或者创建一个供我们使用的链接。另外,当你回应某人时,使用@Person,因为你在和我说话@Chad是合适的(@David表示你在和自己说话)@Chad,好的,谢谢你的耐心,Chad。请在这里找到js fiddle的链接:谢谢你,小伙子,喜欢这个名字。我不是JS最快的,我怎么能用它来更改标签名称呢?我已将我的插件JS添加到我的原始帖子中。非常感谢你的帮助。