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

• 
  Optimize Requirejs Front-end Application
• 
  Angularjs Filtering Data Based On Option Selection And Tag Creation Based On Selection
• 
  Can't Call .then When Mocking Axios Call Inside Componentdidmount
• 
  How To Allow Popup Windows And Redirects Using In Google Chrome Apps?