В джанго проекте использую modelformset_factory , но удаление формы происходит только после обновления страницы. Как сделать чтобы при нажатии на удалить сразу удалялась форма. (плохо js знаю)
С помощью видео урока получилось сделать создание новой формы динамически (добавить), а удалить не получается. Т.е нужно чтобы изменялся и номер формы(если например удалить вторую их трех форм и т.д) Попытки:
function removeElement(element) {
$(element).parent(".dopremark-form").remove();
}
Добавление новой формы:
<script>
const addMoreBtn = document.getElementById('add-form')
const totalNewForms = document.getElementById('id_dopremark_set-TOTAL_FORMS')
addMoreBtn.addEventListener('click', add_new_form)
function add_new_form(event) {
if (event) {
event.preventDefault()
}
const currentDopForms = document.getElementsByClassName('dopremark-form')
const currentFormCount = currentDopForms.length
const formCopyTarget = document.getElementById('dopremark-form-list')
const copyEmptyFormEl = document.getElementById('empty-form').cloneNode(true)
copyEmptyFormEl.setAttribute('class', 'dopremark-form')
copyEmptyFormEl.setAttribute('id', `form-${currentFormCount}`)
const regex = new RegExp('__prefix__', 'g')
copyEmptyFormEl.innerHTML = copyEmptyFormEl.innerHTML.replace(regex, currentFormCount)
totalNewForms.setAttribute('value', currentFormCount + 1)
formCopyTarget.append(copyEmptyFormEl)
}
