Django - вызывать <a href="{% url 'view'%}"> только при нажатии кнопки мыши

На моей веб-странице есть цикл for, который отображает несколько тегов <a>. При нажатии на один из тегов <a> пользователь будет перенаправлен на другой url.

Моя проблема в том, что все href="{% url 'search' theme_path %}{{theme}}" вызываются, несмотря на то, что не были нажаты, что приводит к сбою моей страницы сайта, так как список sub_themes довольно большой.

Я пробовал использовать формы, так как они должны вызывать {% url 'view' %} только при нажатии. Но это оказалось немного сложно. Должен быть какой-то простой код javascript, который может решить мою проблему

Как сделать так, чтобы url вызывался только при щелчке?

html

<section id="all-themes-container">
    {% for theme in sub_themes %}
    <div class="theme-container">
        <a href="{% url 'search' theme_path %}{{theme}}">{{theme}}</a>
    </div>
    {% endfor %}
</section>

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