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

• 
  Word Limits On Multiple Text Areas
• 
  Upload File Using Jquery Form Plugin
• 
  Get Value Of Hidden Input, Send To Another Hidden Input
• 
  Merge Two Javascript Scripts