根据导航栏的下拉菜单打开 xx.html 文件，代码是用 Django-Python 编写的

Question

1. 代码是用 Django-Python 编写的。 该项目是使用 Django 中的模型创建的，并在导航中显示为下拉菜单。
2. 下拉菜单使用 Django-HTML 显示，如下所示：

此代码适用于下拉菜单。 但我想根据点击打开不同的项目网址。

我不确定如何分配 id 并使用 javascript 来编码做 onclick bsed html 加载！

我尝试了一些 javascript 代码，但我是新手..所以如果我放在这里..它会更混乱。

    <div class="dropdown-menu" id="navbarDropdown">
    {% if project_records %}
    {% for p in project_records %}
    <a href="#" class="dropdown-item"> {{ p.pName }} </a>
    {% endfor %}
    {% endif %}
    </div>

我希望如果在导航栏中的下拉菜单中单击 projectB，将加载 projectB.html。

Answer 1

适当地在锚标记中添加href属性。 假设http://someurl/是prefix ，项目名称是项目 URL 的suffix ，您可以在变量中形成目标 URL 并使用它。 这是您修改后的代码：

  <div class="dropdown-menu" id="navbarDropdown">
    {% if project_records %}
    {% for p in project_records %}
    {% with project_url="http://someurl"|add:p.pName %}
    <a href={{project_url}} class="dropdown-item"> {{ p.pName }} </a>
    {% endfor %}
    {% endif %}
    </div>