Cloning Whole Form Elements After Clicking Button

I have this following form

&

Solution 1:

I think you need to duplicate the contents of (row-fluid), not the whole (Wrapper) contents, this should let you add more rows of your original form template when clicking on AddMore link.

This is an edit to the suggested solution by @user2389688:

$("#addMore").click(function(){   
    $(".row-fluid:last").clone().appendTo(".wrapper");  
});

JsFiddle Link: http://jsfiddle.net/tCY8v/1/

Solution 2:

Something like this ?

$("#addMore").click(function(){
   var contents = $("form").html();
   $("#wrapper").append(contents);  
});

http://jsfiddle.net/tCY8v/

If I did understand your question correctly.

Solution 3:

For example:

$('#addMore').click(function() {
    $('.row-fluid').eq(0).clone().insertBefore(this);
});

Share

You may like these posts

• 
  Jquery Click Event Is Not Working With Angular.js Ng-repeat
• 
  Manipulate Iframe From A Different Domain
• 
  Jquery Toggle, Hide, Show - Chrome Overlay Bug
• 
  Hide Menu Onclick