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

• 
  Python - Fill And Submit A HTML Form
• 
  Prevent Hidden Input From Being Altered
• 
  Angular 5 File Upload: Failed To Set The 'value' Property On 'HTMLInputElement'
• 
  If Validation Successful Hide Submit Button And Show Loading Image