Html 如何在Django中实现特定于对象的模式？

我是Django的新手，在将我的东西移动到网站前端时遇到了问题

我想做奇幻风格的网站。我的主页将显示NHL玩家列表。这些玩家将由用户选择并按顺序添加到他们的团队中

我的问题是：当用户单击主页上的播放器时，我希望打开一个弹出式模式。此模式将包含在将此特定玩家添加到用户团队之前的确认

这是我的播放器型号：

class Player(models.Model):
    name = models.CharField(max_length=30)
    position = models.CharField(max_length=5)

以下是我的主页视图：

def main_page(request):
    players = Player.objects.all()
    my_dict = {"players":players}
    return render(request, 'my_app/main_page.html', context=my_dict)

以下是我的主页模板：

{% extends "my_app/base.html" %}
{% block body_block %}

<button onclick="document.getElementById({{player.name}}).style.display='block'" class="w3-button w3-black">Open Modal</button>
    <div class="w3-modal-content">
      <div class="w3-container">
        <span onclick="document.getElementById({{player.name}}).style.display='none'" class="w3-button w3-display-topright">&times;</span>
                  <p>{{player.position}}</p>
      </div>
    </div>

{% for player in players %}

<tr>
    <th>{{player.name}}</th>
    <th onclick="document.getElementById({{player.name}}).style.display='block'" class="w3-button w3-black" width="100%">Open Modal</th>
</tr>

{% endif %}

{% endblock %}

{%extensed“my_app/base.html”%}
{%block body_block%}
开放模态
&时代；
{{玩家位置}

{玩家中的玩家为%}
{{player.name}
开放模态
{%endif%}
{%endblock%}

如您所见，我希望模式弹出窗口显示玩家的位置

不幸的是，不仅模态不起作用，我也不知道如何让它显示我的播放器模型的属性

有人知道如何修改我的html来修复模式吗

非常感谢你的帮助

---

编辑：在

上找到了一个非常有趣的答案。您可以使用js中的加载功能来加载

单击

事件上的内容。您可以使用js中的加载功能来加载

单击

事件上的内容。