0 / 0 / 0
Регистрация: 06.04.2021
Сообщений: 5

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

09.09.2021, 11:36. Показов 1460. Ответов 2

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

Есть приложение на 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
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
09.09.2021, 11:36
Ответы с готовыми решениями:

В django нужно сделать чтобы при выборе некоторого значений в select-1, данные подгружались уже для select-2 и наоборот
Коллеги всем привет !!! Нужна ваша помощь: Есть приложение на django (личный кабинет) приложение получает данные(в виде json) по api...

Нужно сделать так чтобы при выборе некоторых значений в первом select, изменялись значения второго select
Помогите пожалуйста мне нужно сделать так чтобы при выборе некоторых значений в первом select, изменялись значения второго select, а при...

Как сделать чтобы при выборе одного варианта из select другие select скрывались
Здравствуйте. Делаю сайт для парикмахерской. Нужно сделать страницу для онлайн записи где пользователе сначала выбирает зал( через select -...

2
60 / 44 / 18
Регистрация: 05.03.2019
Сообщений: 313
11.09.2021, 14:57
Если без перезагрузки страницы, то только JS тебе поможет
0
0 / 0 / 0
Регистрация: 06.04.2021
Сообщений: 5
12.09.2021, 11:43  [ТС]
Спасибо за информацию) если быть точнее то ajax запросы. Проблема в том, что я очень плохо знаю JS. Поэтому попросил помощи у коллег что бы помогли решить эту проблему практическим кодом
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
12.09.2021, 11:43
Помогаю со студенческими работами здесь

Как сделать, чтобы при выборе например в Select страна - Россия, в другом select'e были только города РФ?
На HTML-форме есть 2 SELECT получающие option (список стран и городов) от MS SQL c двух взаимосвязанных таблиц, как сделать так, чтобы...

При выборе какого-то значения в select'e нужно показывать другой select рядом
Здравствуйте, я полный ноль в js, но нужно следующее: На сайте есть разделы. При выборе какого-то значения в select'e нужно показывать...

Сделать видимость полей input при выборе определенных значений select
Всем привет! Подскажите как сделать видимость полей input при выборе определенных значений select. Например при выборе - Ващ пол...

Сделать так, чтобы при выборе option's в select'e не было перезагрузки страницы
Privetik vsem :good: Помогите сделать так, чтобы при выборе option's в select'e не было перезагрузки страницы и происходила выборка по...

При изменении значения одного select нужно подгрузить в другой select соответствующие данные, которые лежат в базе
Прошу прощения за возможный оффтопик. В форме есть два поля select. При изменении значения одного select нужно подгрузить в другой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru