Есть ли способ правильно управлять набором форм?

У меня есть веб, который имеет следующую форму, как показано на рисунке ниже. По сути это набор форм, который управляется кнопкой для ограничения количества создаваемых форм или удаления ненужных форм. Поэтому всякий раз, когда я клонирую набор форм. Он будет отображаться как form-(number)-(fieldname). У меня есть кнопка '-', которая содержит коды для уменьшения числа на 1.

.

$(document).on('click', '#removerow', function () {
        let totalForms = $('#id_form-TOTAL_FORMS').val();
        let actualformcount = totalForms-2;
        $('#id_form-TOTAL_FORMS').attr('value', (parseInt (totalForms))-1);
            $(this).closest('#morerows .row').remove();
 

            if(actualformcount < maxrow){
                $('#addrow').attr("disabled", false)
                $('#addrow').attr("class","btn btn-outline-success btn-rounded")
                $('#addrow i').attr("class","dripicons-plus")
                $('#addrow').html("+")
            } 

The above codes work for this image: Working as intended for delete of last row

Подробнее об этом первом изображении: Если я клонирую до максимального предела, который я установил, и удаляю последний ряд (кружок красного цвета). Те, что обведены синим, сохраняются в моей базе данных.

But if i change the way i delete. I delete the 2nd clone (circle in blue this time), the ones that are circle in red this time get saved to database. But the last row does not get saved: Not working as intended for delete of any row other than last row

Может ли кто-нибудь подсказать мне, как исправить это, чтобы сохранить все строки, которые остались в форме, кроме удаленной?

Вернуться на верх