Cloning Whole Form Elements After Clicking Button

March 08, 2024 Post a Comment

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/

Baca Juga

Get Html Code After Mouseover In Firebug
Building A Table Using An Array From User Input
How Do I Collect A Single Column Content

If I did understand your question correctly.

Solution 3:

For example:

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

Html5 Guide

Cloning Whole Form Elements After Clicking Button

Solution 1:

Solution 2:

Solution 3:

Post a Comment for "Cloning Whole Form Elements After Clicking Button"