Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 表单克隆唯一id_Javascript_Jquery_Forms_Uniqueidentifier_Cloning - Fatal编程技术网

Javascript 表单克隆唯一id

Javascript 表单克隆唯一id,javascript,jquery,forms,uniqueidentifier,cloning,Javascript,Jquery,Forms,Uniqueidentifier,Cloning,我想克隆一个表单,但对该表单的修改不会影响原始表单。我如何给表单的每个实例一个唯一的ID,这样元素就不会重复 $(document).ready(function() {     // shows / hides results based on selection     $(".categories-select").live("change", function() {         if ($(this).val() == 'dinner') {             $('.din

我想克隆一个表单,但对该表单的修改不会影响原始表单。我如何给表单的每个实例一个唯一的ID,这样元素就不会重复

$(document).ready(function() {
    // shows / hides results based on selection
    $(".categories-select").live("change", function() {
        if ($(this).val() == 'dinner') {
            $('.dinner').removeClass('hide');
            // toggles dinner results, sub menus
            $(this).parent('.controls').find('.restaurant-submenu-select').removeClass('hide');
        }
    });    

    // Duplicates category select menu 
    $(".add-activity").click(function() {
        $(".activity-category")
                       .clone()
                       .removeClass('activity-category')
                       .appendTo("#we-want-to")
                       .find('.restaurant-submenu-select')
                       .addClass('hide');
    });    

    $(".add-activity-alternate").click(function() {
        $(".activity-category-alternate")
                       .clone()
                       .removeClass('activity-category-alternate')
                       .appendTo("#we-want-to")
                       .find('.restaurant-submenu-select, .results-table')
                       .addClass('hide');
    });
});


谢谢大家!

克隆时,还要添加一个动态id

var id = 0;

(function() {
    yourClone.attr('id', 'something-' + id);
    id++
});
在您的代码中:

$(document).ready(function() {

    var id = 0;

    // shows / hides results based on selection
    $(".categories-select").live("change", function() {
        if ($(this).val() == 'dinner') {
            $('.dinner').removeClass('hide');
            // toggles dinner results, sub menus
            $(this).parent('.controls').find('.restaurant-submenu-select').removeClass('hide');
        }
    });    

    // Duplicates category select menu 
    $(".add-activity").click(function() {
        $(".activity-category")
                       .clone()
                       .removeClass('activity-category')
                       .appendTo("#we-want-to")
                       .find('.restaurant-submenu-select')
                       .addClass('hide')
                       .attr('id', 'something' + id);
        id++
    });    

    $(".add-activity-alternate").click(function() {
        $(".activity-category-alternate")
                       .clone()
                       .removeClass('activity-category-alternate')
                       .appendTo("#we-want-to")
                       .find('.restaurant-submenu-select, .results-table')
                       .addClass('hide')
                       .attr('id', 'something' + id);
        id++
    });
});

克隆时,还要添加一个动态id

var id = 0;

(function() {
    yourClone.attr('id', 'something-' + id);
    id++
});
在您的代码中:

$(document).ready(function() {

    var id = 0;

    // shows / hides results based on selection
    $(".categories-select").live("change", function() {
        if ($(this).val() == 'dinner') {
            $('.dinner').removeClass('hide');
            // toggles dinner results, sub menus
            $(this).parent('.controls').find('.restaurant-submenu-select').removeClass('hide');
        }
    });    

    // Duplicates category select menu 
    $(".add-activity").click(function() {
        $(".activity-category")
                       .clone()
                       .removeClass('activity-category')
                       .appendTo("#we-want-to")
                       .find('.restaurant-submenu-select')
                       .addClass('hide')
                       .attr('id', 'something' + id);
        id++
    });    

    $(".add-activity-alternate").click(function() {
        $(".activity-category-alternate")
                       .clone()
                       .removeClass('activity-category-alternate')
                       .appendTo("#we-want-to")
                       .find('.restaurant-submenu-select, .results-table')
                       .addClass('hide')
                       .attr('id', 'something' + id);
        id++
    });
});

谢谢我确信这是一个愚蠢的问题,但是我会用什么来替换“某物”呢?如果你已经有了身份证,那么你会有表格0,表格1,表格2,等等。。。作为ID。那么应该是div ID?div或form ID。在表单上更好。在此处创建帐户,不要每次都用新帐户提问。谢谢!我确信这是一个愚蠢的问题,但是我会用什么来替换“某物”呢?如果你已经有了身份证,那么你会有表格0,表格1,表格2,等等。。。作为ID。那么应该是div ID?div或form ID。在表单上更好。在这里创建一个帐户,不要每次都用新帐户提问。