Как правильно реализовать пагинацию Django (Wagtail CMS) в модальном окне с помощью тега Select html?

У меня есть представление списка в модальном окне, как только пользователь выбирает опцию элемента select, пагинация изменяет url queryset (? p=<page_number>), хотя в обычном представлении списка нет проблем, так как он изменяет url, в модальном он изменяет расположение всей страницы (URL адрес), что, конечно, приводит к потере изменений на главной странице (форма документа), мне просто нужно, чтобы модальный список изменялся по номеру страницы пагинации. Я просмотрел и прочитал почти все страницы документации, связанные с пагинацией списочного представления с помощью Django, однако я не смог найти решение.

вот код шаблона модальной пагинации (смотрите комментарии, которые указывают на неработающие части):

{% load wagtailadmin_tags %}{# Changed by HH #}
{% if linkurl %}{% url linkurl as url_to_use %}{% endif %}

{% if items.has_previous or items.has_next %} 
    <div class='pagination center' aria-label="Pagination">
        <!-- this is working -->
        {% if items.has_previous %}<div class="l_arrow previous"><a href="{{ url_to_use }}{% querystring p=items.previous_page_number %}" class="icon">Previous</a></div>{% endif %}
        <p>{% with pr=items.paginator.page_range page_num=items.number total_pages=items.paginator.num_pages %}
            Page {{ page_num }} of {{ total_pages }}
            
            <!-- this is NOT working -->
            <select onchange="gotopage(this)" name="pg_selector" title="pg_selector" id="pg_selector" disabled>
                {% for i in pr %}
                <option value="{{ url_to_use }}{% querystring p=i %}" data-page="{{ i }}" {% if i == page_num %} selected {% endif %}>{{i}}</option>
                {% endfor %}
            </select>

            {% endwith %}
        </p>
        <!-- this is working -->
        {% if items.has_next %}<div class="r_arrow next"><a href="{{ url_to_use }}{% querystring p=items.next_page_number %}" class="icon">Next</a></div>{% endif %}
    </div>
{% endif %}
Вернуться на верх