Заполнение таблицы на основе выбора из выпадающего списка

Здравствуйте, я пытаюсь создать таблицу, которая будет показывать значения на основе выбранного имени. Например, если бы существовал выпадающий список и было выбрано значение, остальные поля отображали бы данные, связанные с выбранным значением.

<div class="main-items">
    <h2>Database</h2>
        <div class="card-items">

            <table class="main-items-table">
                        <tr>
                            <td class="menu-box-tab-items-identifiers">Name:</td>

                            {% for d in database %}
                            <td class="menu-box-tab-items" href="/cusip/{{d.company_name}}"><span>{{d.name}}</span></td>
                            {% endfor %}

                        </tr>



                        <tr>
                            <td class="menu-box-tab-items-identifiers">Item:</td>

                            {% for d in database %}
                            <td class="menu-box-tab-items"><span>{{d.item}}</span></td>
                            {% endfor %}

                        </tr>

                        <tr>
                            <td class="menu-box-tab-items-identifiers">Method of Shipment:</td>

                            {% for d in database %}
                            <td class="menu-box-tab-items" href="#6"><span>{{d.method_of_shipment}}</span></td>
                            {% endfor %}

                        </tr>

                        <tr>
                            <td class="menu-box-tab-items-identifiers">Days:</td>

                            {% for d in database %}
                            <td class="menu-box-tab-items" href="#6"><span>{{d.days}}</span></td>
                            {% endfor %}

                        </tr>

                     
                        <tr>
                            <td class="menu-box-tab-items-identifiers">Location:</td>
                            {% for d in database %}
                                <td class="menu-box-tab-items"><a href="https://www.google.com/search?q={{d.location}}"></span>{{d.location}}</a></td>
                            {% endfor %}

                        </tr>

                        <tr>
                            <td class="menu-box-tab-items-identifiers">Country:</td>
                            {% for d in database %}
                            <td class="menu-box-tab-items" href="#6"><span>{{d.country}}</span></td>
                            {% endfor %}

                        </tr>


                </tbody>
            </table>
        </div>
</div>

В принципе, если бы существовало выпадающее меню для всех "имен", я бы хотел, чтобы все остальные td показывали данные, связанные с этим именем. Если кто-то может помочь, буду очень признателен.

Ваши варианты:

  1. Требуется, чтобы пользователь отправил форму после выбора первого варианта, а затем обновил шаблон с соответствующими вариантами в других полях. Вам понадобится код в вашем файле forms.py, который может принимать предоставленную опцию и соответствующим образом фильтровать другие наборы запросов.

  2. Используйте javascript и AJAX запрос для динамического обновления опций других полей после выбора первого поля, вот некоторая полезная информация:

Django Ajax Jquery Call

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