есть ссылки вида
<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
