В django нужно сделать чтобы при выборе некоторого значений в select-1, данные подгружались уже для select-2 и наоборот

@SpeccyRom · Регистрация: 06.04.2021

Студворк — интернет-сервис помощи студентам

Коллеги всем привет !!! Нужна ваша помощь:

Есть приложение на django (личный кабинет) приложение получает данные(в виде json) по api внешнего сервера.
На странице есть три фильтра в одной форме, реализованные в виде <select> списков
<select>-1 получает данные через запрос на один роут и отвечает за партнеров
<select>-2 получает данные через запрос на второй роут и отвечает за места продаж
<select> -3 получает данные номенклатуры(виды оказываемых услуг) через третий роут

Задача при выборе в поле селект-1 (значение id_partner) во втором селекте уже подтягивались нужные значения для этого партнера а так же номенклатура select - 3

html - template

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<form role="form" method="get" action="/posting-orders/"
                          autocomplete="off" class="col-12">
                        <div class="form-row">
                            {% if data_get_partners.points %}
                                <div class="col-md-2">
                                    <div class="input-group mb-sm-2">
                                        <select name="ppaid" class="custom-select" id="ppaid_select">
                                            <option value="">Выбрать контрагента</option>
                                            {% for point in data_get_partners.points %}
                                                <option {% if point.id == ppaid %}selected{% endif %}
                                                        value="{{ point.id }}">{{ point.name }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                            {% endif %}
                            <div class="col-md-2">
                                <div class="input-group mb-sm-2">
                                    <select name="ppoid" class="custom-select" id="my_select">
                                        <option value="">Выбрать точку</option>
                                        {% for point in data_get_points.points %}
                                            <option {% if point.id == ppoid %}selected{% endif %}
                                                    value="{{ point.id }}">{{ point.name }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="input-group mb-sm-2">
                                    <select name="mpuid" class="custom-select" id="my_select_3">
                                        <option value="">Выбрать номенклатуру</option>
                                        {% for nomenclature in data_get_nomenclature.nomenclature %}
                                            <option {% if nomenclature.accounting_id == mpuid %}selected{% endif %}
                                                    value="{{ nomenclature.accounting_id }}">{{ nomenclature.name }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="input-group mb-sm-2">
                                    <div class="input-group-prepend ">
                                        <span class="input-group-text"><h5>Период</h5></span>
                                    </div>
                                    <input type="text" id="datetimepicker"
                                           name="start_date"
                                           placeholder="C" class="form-control"
                                           value="{{ start_date }}">
                                    <input type="text" id="datetimepicker1"
                                           name="end_date"
                                           placeholder="По" class="form-control"
                                           value="{{ end_date }}">
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-outline-primary float-right">Показать</button>
                        {% if error_date %}
                            {% include 'includes/_error_date.html' %}
                        {% endif %}
                    </form>

получение данных для фильтров views.py

Кликните здесь для просмотра всего текста

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
@login_required(login_url="/login/")
def posting_orders_view(request):
    context = {'segment': 'posting-orders'}
    api_session, data_login = api.login_admin(request.user.username, request.session['api_password'])
 
    mpuid = request.GET.get('mpuid')  # or None
    mpuid = str(mpuid) if mpuid else None
    context['mpuid'] = mpuid
 
    ppoid = request.GET.get('ppoid')  # or None
    ppoid = int(ppoid) if ppoid else None
    context['ppoid'] = ppoid
 
    ppaid = request.GET.get('ppaid')  # or None
    ppaid = int(ppaid) if ppaid else None
    context['ppaid'] = ppaid
 
  .................
 
    data_get_points = api.get_points(api_session, type_point='holder')
    data_get_partners = api.get_partners(api_session, type_partner='holder')
    data_get_nomenclature = api.get_nomenclature(api_session)
    data_posting_orders = api.posting_orders(api_session, start_date=start_date, end_date=end_date, mpuid=mpuid,
                                             ppoid=ppoid, ppaid=ppaid, page=page)
  ..................
    context['data_posting_orders'] = data_posting_orders
    context['data_get_nomenclature'] = data_get_nomenclature
    context['data_get_points'] = data_get_points
    context['data_get_partners'] = data_get_partners
    context['data_login'] = data_login
    api.logout(api_session)
    html_template = loader.get_template('posting-orders.html')
    return HttpResponse(html_template.render(context, request))

функция где я обрабатываю запросы к api

Кликните здесь для просмотра всего текста

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
def get_points(session, type_point):
    """Получаем все точки для holder или bs_manager"""
    params = {
        'type': type_point
    }
    res = session.get(POINTS, params=params).json()
    if res['responseCode'] == 0:
        return res['data']
 
 
def get_partners(session, type_partner):
    """Получаем всех партнеров для holder или bs_manager"""
    params = {
        'type': type_partner
    }
    res = session.get(PARTNERS, params=params).json()
    if res['responseCode'] == 0:
        return res['data']
 
 
def get_nomenclature(session):
    """Получаем список номенклатуры услуг, доступных у партнера/точки"""
    res = session.get(NOMENCLATURE).json()
    if res['responseCode'] == 0:
        return res['data']
 
def posting_orders(session, start_date=None, end_date=None, mpuid=None, ppoid=None, ppaid=None,
                   page=None, limit=None):
    params = {
        'start_date': start_date,
        'end_date': end_date,
        'page': page,
        'limit': limit,
        'mpuid': mpuid,  # nomenclature_id
        'ppoid': ppoid,  #point_id
        'ppaid': ppaid  #partner_id
    }
    res = session.get(POST_ORDERS, params=params).json().get('data')['transactions']
    if res['responseCode'] == 0:
         return res ['data']

сама реализация фильтров должна работать по принципу :
/points:
- nomenclature_id
- partner_id
- nomenclature_id + partner_id

/partners
- point_id
- nomenclature_id
- point_id + nomenclature_id

/nomenclature
- point_id
- partner_id
- point_id + partner_id

@Onet1me · 11.09.2021, 14:57

Если без перезагрузки страницы, то только JS тебе поможет

@SpeccyRom · 12.09.2021, 11:43 **[ТС]**

Спасибо за информацию) если быть точнее то ajax запросы. Проблема в том, что я очень плохо знаю JS. Поэтому попросил помощи у коллег что бы помогли решить эту проблему практическим кодом

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@Onet1me 60 / 44 / 18 Регистрация: 05.03.2019 Сообщений: 313
	11.09.2021, 14:57
	Если без перезагрузки страницы, то только JS тебе поможет 0

@SpeccyRom 0 / 0 / 0 Регистрация: 06.04.2021 Сообщений: 5
	12.09.2021, 11:43 [ТС]
	Спасибо за информацию) если быть точнее то ajax запросы. Проблема в том, что я очень плохо знаю JS. Поэтому попросил помощи у коллег что бы помогли решить эту проблему практическим кодом 0