Cloning Whole Form Elements After Clicking Button

August 26, 2023 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

How Do Javascript Engine Count Number Of Tag Of The Html Document Is Ill-formed?
Undefined Value Of $(this).data(value) With Jquery Click() Method
Adding Html Text To Supersized Jquery Image Slide

If I did understand your question correctly.

Solution 3:

For example:

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

JavaScript Gen

Cloning Whole Form Elements After Clicking Button

Solution 1:

Solution 2:

Solution 3:

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