Перезагрузить контент внутри открытого модального окна bootstrap 5 из открытого окна
есть ссылки вида
<a class="btn-modal-catalog-item" data-catalog-item-id="26"> окно 26 </a> ..... <a class="btn-modal-catalog-item" data-catalog-item-id="30"> окно 30 </a> .... скрипт ниже обрабатывает их на открытие . т.е берет значение из data-catalog-item-id к примеру это число 26 и отправляет его на файл $.ajax({ url: '/inc/catalog/item.php', method: 'GET', data: { 'id': id }, // код всплываютщих окон $(window).on('load', function() { $('[data-catalog-item-id]').on('click', function(event) { event.preventDefault(); var $modal = $('.modal-catalog-item'), $btn = $(this); var id = $btn.data('catalog-item-id'); $.ajax({ url: '/inc/catalog/item.php', method: 'GET', data: { 'id': id }, success: function(response) { $modal.find('.modal-body').html(response); $('.modal-catalog-item').on('shown.bs.modal', function(e) { // тут JS то что внутри окна происходит }); $modal.modal("show"); } }); }); }); хочу сделать вот внутри содержимого открытого окна select <select id="reload_id" class="form-select" > <option value="27">27 окно</option> ...... <option value="29">27 окно</option> </select> вот когда из нутри окна сменить значение селекта нужно чтобы в скрипт выше передался запрос на обновление содержимого текущего открытого окна с новым значением id т.е вот в этот кусок кода отправить новое id и чтобы окно работало точно по такой же схеме как ранее. $.ajax({ url: '/inc/catalog/item.php', method: 'GET', data: { 'id': id }, помогите пожалуйста кто хорошо разбирается в JQ и bootstrap 5 :) |
Часовой пояс GMT +3, время: 18:55. |