Form Cloning ID unique

Question

Je souhaite cloner un formulaire et ne pas modifier ce formulaire pour qu'il affecte le formulaire d'origine. Comment donner à chaque instance du formulaire un identifiant unique afin que les éléments ne soient pas dupliqués?

$(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'); 
    }); 
}); 

Merci!

Answer 1

Lorsque vous clone également ajouter un identifiant dynamique

var id = 0; 

(function() { 
    yourClone.attr('id', 'something-' + id); 
    id++ 
}); 

---

Dans votre code quelque chose comme ça:

$(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++ 
    }); 
});