بارگزاری مجدد فرم در اسکریپت
من یه دکمه ای دارم که با کلیک روی اون فرم باز میشه و عملیات رو انجام میده و سابمیت میشه
منتها فقط دفعه اول اینکار انجام میشه و دفعات دیکه فرم بارکذاری نمیشهه
// Click event for adding new address
$(document).on('click', '#btnAddNewAddress', function () {
var url = $(this).data("url");
$.ajax({
url: url,
type: 'GET',
success: function (data) {
$("#addNewAddressContainer").empty();
// اضافه کردن فرم جدید به #addNewAddressContainer
$("#addNewAddressContainer").append(data);
// واگذاری رویداد تغییر برای Location_Id در فرم جدید
$("#addNewAddressContainer").find("#Location_Id").on('change', function() {
handleLocationChange(); // تابع handleLocationChange را فراخوانی میکند
});
},
error: function () {
alert('Error occurred while loading the form.');
}
});
});
}
$(document).ready(function () {
// Bind the initial event handler for the "Add New Address" button
bindAddNewAddressButton();
// Handle initial and dynamic forms change event in Location_Id
$("#addNewAddressContainer").on("change", "#Location_Id", handleLocationChange);
// Handle form submission AddNewAddress Form
$("#addNewAddressContainer").on("submit", "form", function (e) {
e.preventDefault();
var $form = $(this);
var formData = $form.serialize();
$.ajax({
url: $form.attr("action"),
type: $form.attr("method"),
data: formData,
success: function (response) {
if (response.success) {
ShowMessage(response.message); // From My ShowMessage Method
$form.hide();
$('html, body').animate({ scrollTop: 0 }, 'fast');
// After adding a new address, update the address list
fetchAndUpdateAddressList();
} else {
ShowMessage(response.message);
}
},
error: function () {
ShowMessage('Error occurred while submitting the form.');
}
});
});