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

• 
  Javascript 'value' Property
• 
  Ibm Watson Api Of Visual Recognition Add Image Issue In Collectio Using Curl
• 
  Extract Path From Text Html Canvas
• 
  Child Nodes Not Go Out Of The Parent Div