add/remove multiple input fields and input rows dynamically PHP (Dynamic form In Dynamic Form)

Question

i am making a dynamic PHP form, i have successfully making dynamic form, how if i want to make form dynamic in dynamic fields, like in the table make a dynamic fields in dynamic Rows?

this is my form view

$(document).ready(function(){
      var count = 0;
      $(document).on('click', '#addformdanger', function(){
        count++;
        var html = '';

                  html += '<section>';
                  html += '<hr>';
                  html += 'my child form';

$('#form-body-danger').append(html); 
});
$(document).on('click', '#addprocess', function(){
        count++;
        var html = '';

                  html += '<section>';
                  html += '<hr>';
                  html += 'form child';

$('#form-body-process').append(html);
});


$(document).on('click', '.remove-danger',function(){
               $(this).closest('section').remove();
            });

$(document).on('click', '.remove-process',function(){
               $(this).closest('section').remove();
            });

this My Output what i want,

Answer 1

From what you've mentioned, what i understand is you're making a form in which user can add multiple inputs. And on clicking on submit, data should be sent back to server.

If this is the problem kindly visit here .

You can also refer .

Both will helps you to create forms where user can add/remove more fields as per need.