من یه دکمه ای دارم که با کلیک روی اون فرم باز میشه و عملیات رو انجام میده و سابمیت میشه منتها فقط دفعه اول اینکار انجام میشه و دفعات دیکه فرم بارکذاری نمیشهه // 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.'); } }); });
