Первоначальное заполнение таблицы выпадающего меню

Я хотел бы узнать, может ли кто-нибудь помочь мне решить возникшую у меня проблему. Я создал форму, которая заполняет таблицу на основе выбранного имени в выпадающем меню, однако, когда я первоначально загружаю страницу, поскольку это цикл for и ни один вариант еще не выбран, цикл for проходит через все точки данных, заполняя таблицу всеми данными для каждого имени, но работает нормально, когда выбран вариант. Я хотел бы узнать, может ли кто-нибудь объяснить, как я могу заставить начальную загрузку страницы показывать либо ничего, либо значения одной опции, а не все сразу, пока опция не выбрана. Спасибо за помощь.

   <form method="GET" action=".">
        <div id="option-wrap">

            <select name="option-menu" id="option-menu">
                    <option value="" hidden disabled selected value id="option-filler">Choose a Name</option>
                {% for l in options %}
                    <option value="{{loans.company_name}}">{{l.names}}</option>
                {% endfor %}
            </select>

        <button type="submit" class="btn-filter">Filter</button>
        </div>

        <div class="card-items">


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

                            {% for l in queryset %}
                            <td class="menu-box-tab-items" href=""><span>{{l.name}}</span></td>
                            {% endfor %}

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

                            {% for l in queryset %}
                            <td class="menu-box-tab-items" href="#6"><span>{{l.sector}}</span></td>
                            {% endfor %}
                        </tr>


                </tbody>
            </table>

        </div>
    </form>

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