В 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-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@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