Question

我正在尝试克隆输入字段并重命名单选按钮和单选按钮和其他控件的名称。克隆工作正常，但名称没有重命名。我想重命名单选按钮名称＆＃34; radio_1＆＃34;到＆＃34; radio_2＆＃34;这是我的代码。

<form name="form1" id="my_form" method="post" action="">
    <div><input type="text" id="text_1" name="text_1"/> </div>
    <div><label><input type="radio" id=radio1_1" name="radio_1" value="1">Yes</label>
    <label><input type="radio" id=radio1_1" name="radio_1" value="2">No</label>
    </div>

    <!-- Cloned markup-->

    <div><label><input type="radio" id=radio1_2" name="radio_2" value="1">Yes</label>
    <label><input type="radio" id=radio1_2" name="radio_2" value="2">No</label>
    </div>  
      --------------- 
    <input type="submit" value="Submit">
</form>

以下代码似乎无法正常工作。

var settings = {
        newid_ : 0,
        target_: $(this),
        insert_: "before",
        limit_: 0
};
      var srcid = 1;
$(fieldclone).find('input, select, textarea').each(function(){
 var s = $(this).attr("name");          
$(this).attr("name", s.replace(eval('/_'+srcid+'/ig'),'_'+settings.newid_)); 
var s1 = $(this).attr("id");            
$(this).attr("id", s1.replace(eval('/_'+srcid+'/ig'),'_'+settings.newid_)); 
});

Answer 1

这就是我用于此类事情的内容，您可以根据应用进行调整：

(function($){
    $.fn.cloneAndIncrement = function(newIndex) {
        var newItem = this.clone();
        newItem.find("[name]").each(function() {
            $(this).attr("name", $(this).attr("name").replace( /\[\d\]/ , "[" + newIndex + "]"));
        });
        newItem.find("[data-valmsg-for]").each(function() {
            $(this).attr("data-valmsg-for", $(this).attr("data-valmsg-for").replace( /\[\d\]/ , "[" + newIndex + "]"));
        });
        newItem.find("[id]").each(function() {
            $(this).attr("id", $(this).attr("id").replace( /_\d_/ , "_" + newIndex + "_"));
        });
        newItem.attr("id", newItem.attr("id").replace( /_\d_/ , "_" + newIndex + "_"));
        newItem.find("input[name$='.Index']").val(newIndex);
        var entityId = newItem.find("input:hidden[name$='.Id']");
        if (entityId)
            entityId.val(0);
        return newItem;
    };
})($);

请注意，它是为ASP.NET MVC应用程序创建的，因此期望输入名为Index。它还调整了一些不显眼的验证属性，并将ID属性归零（因为在我的应用程序中，这些克隆的输入是用于插入数据库的其他项目。）

请注意，我的惯例是使用括号来跟踪索引项。你想要改变那个正则表达式是这样的（警告，没有经过测试！）：

newItem.find("[name]").each(function() {
            $(this).attr("name", $(this).attr("name").replace( /\_\d\/ , "_" + newIndex));

克隆并重命名id和名称

1 个答案: