В ASP.Net Core: как удалить поля адресов, если резидент неправильно щелкнул адрес ⇐ CSS

[Anonymous]

В моем сценарии житель регистрирует необходимые данные, на первом этапе — сведения о жителе, а следующим шагом — сведения об адресации, которые житель может умножить на адрес. А что, если житель неправильно нажмет кнопку добавления адреса, теперь моя проблема в том, как удалить неправильный адрес.
Это мой пользовательский интерфейс
введите описание изображения здесь

@model Registration
@{
ViewData["Title"] = "Register Page - Step Two";
}

Add Address



Address Details




Next





@section Scripts {

let addressCount = 0;

function addAddress() {
addressCount++;
const addressesContainer = document.getElementById('addressesContainer');
const fieldHtml = `

Address type

Select Address Type
Permanent
Present


House No. ${addressCount}


Street ${addressCount}


Barangay ${addressCount}


Remove

`;
addressesContainer.innerHTML += fieldHtml;
}
const removeButtons = document.querySelectorAll(`[data-remove-index="${addressCount}"]`);
removeButtons.forEach(button => {
button.addEventListener('click', () => removeAddress(addressCount));
});

function removeAddress(indexToRemove) {
const addressesContainer = document.getElementById('addressesContainer');
const elementsToRemove = document.querySelectorAll(`[data-remove-index="${indexToRemove}"]`);
elementsToRemove.forEach(element => {
const parentElement = element.closest('.col-md-3.mb-3');
if (parentElement) {
parentElement.remove();
}
});
}
// Initialize with one set of fields
addAddress();


}


Подробнее здесь: https://stackoverflow.com/questions/786 ... sclick-the