Получение списка выбранных элементов из html-формы при наличии двух from в приложении django

hello у меня есть два html для выбора категорий один для десктопного вида и другой для мобильного вида оба они имеют метод get моя проблема в мобильном виде когда я выбираю категорию она работает в начале но когда я хочу выбрать другую она не работает

его html-форма для мобильного просмотра :

<form action="{% url 'shop:category' %}" method="get">
{% for cat in categories %}
    <div class="d-flex align-items-center justify-content-between flex-wrap mb-3">
        <div class="form-check">
            <label for="category_{{ cat.id }}"
                   class="form-check-label">{{ cat.name }} </label>
            <!-- Correctly use the same name and ensure it's an array to hold multiple values -->
            <input type="checkbox" name="categories"
                   id="category_{{ cat.id }}" value="{{ cat.id }}"
                   class="form-check-input"
                   {% if cat.id|stringformat:"s" in selected_categories %}checked{% endif %}>
        </div>
        <div>
            <span class="fw-bold font-14">( {{ cat.product_numbers }} )</span>
        </div>
    </div>
{% endfor %}
<div class="filter-item text-center">
    <button type="submit" class="btn-outline-site">اعمال فیلتر</button>
</div>

а это для просмотра на рабочем столе :

<form action="{% url 'shop:category' %}">
    {% for cat in categories %}
        <div class="d-flex align-items-center justify-content-between flex-wrap mb-3">
            <div class="form-check">
                <label for="colorCheck11"
                       class="form-check-label">{{ cat.name }} </label>
                <label for="category_{{ cat.id }}"></label><input type="checkbox"
                                                                  name="categories"
                                                                  id="category_{{ cat.id }}"
                                                                  value="{{ cat.id }}"
                                                                  class="form-check-input">
            </div>
            <div>
                <span class="fw-bold font-14">( {{ cat.product_numbers }} )</span>
            </div>
        </div>
    {% endfor %}
    <div class="filter-item text-center">
        <button type="submit" href="" class="btn-outline-site">اعمال فیلتر</button>
    </div>
</form>

десктопная форма работает нормально, а мобильная - нет :

я использую представление для получения списка идентификаторов этих категорий в моем приложении django :

def product_filter_by_categories(request):
    selected_categories = request.GET.getlist('categories')

когда я использую мобильную форму и выбираю категорию или категории, все работает нормально, но когда я выбираю другие категории, selected_categories в этом представлении будет пустой список

Вернуться на верх