由于相同的 id，for 循环中的多个按钮不起作用

Question

所以我想建立一个网站，为我的数据库中的每个对象都有一些 cointainer，每个对象都有相同的 2 个按钮，“reguli”和“cumpara”，一切正常，直到我按下按钮。他们只为第一个 cointainer 工作。我的猜测是所有容器的每个按钮都有相同的 id，它们只能作为一个。我如何更改数据库中每个对象的按钮 ID？

•晚上•

<div class="feturedimage">
    <div class="row firstrow">
        <div class="col-lg-6 costumcol colborder1">
            <div class="row costumrow">
          {% for obj in events %}
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 txt1colon ">
                    <div class="featurecontant">

                        <h1>{{obj.Nume}}</h1>
                      <p>"{{obj.Descriere}}"</p>
                        <h2>Price {{obj.Pret}}</h2>
                        <button id="btnRM" onclick="rmtxt()">REGULI</button>

                        <div id="readmore">
                                <p>Biletele se cumpara cu cardul
                                    nu se poate da refund
                                    distractie faina!
                                </p>



                                <button id="btnRL">READ LESS</button>
                        </div>

                        <button id="btncumpara" onclick="rmtxt()">CUMPARA</button>

                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
        <div class="col-lg-6 costumcol colborder2">
            <div class="row costumrow">

    </div>
</div>

Answer 1

您必须有不同的 ID，因此您可以使用 obj.id‍(id="btnRM-{{obj.id}}" ) 或 forloop.counter (id="btnRM-{{forloop.counter}}") 为每个容器按钮设置不同的 id：

{% for obj in events %}
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 txt1colon ">
        <div class="featurecontant">
          <h1>{{obj.Nume}}</h1>
          <p>"{{obj.Descriere}}"</p>
          <h2>Price {{obj.Pret}}</h2>

          <button id="btnRM-{{obj.id}}" onclick="rmtxt()">REGULI</button>
            <div id="readmore">
                <p>Biletele se cumpara cu cardul
                    nu se poate da refund
                    distractie faina!
                </p>

                <button id="btnRL">READ LESS</button>

            </div>

            <button id="btncumpara-{{obj.id}}" onclick="rmtxt()">CUMPARA</button>

        </div>
    </div>
{% endfor %}

由于相同的 id，for 循环中的多个按钮不起作用

Multiple buttons in for loop doesn't work because of the same id

html

css

django

button