Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Перезагрудить контент внутри модального окна bootstrap 5 modal из открытого окна (https://javascript.ru/forum/jquery/85857-perezagrudit-kontent-vnutri-modalnogo-okna-bootstrap-5-modal-iz-otkrytogo-okna.html)

ufaclub 20.04.2024 07:22

Перезагрузить контент внутри открытого модального окна 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.