Javascript ejs动态表单具有所有相同的数据

我正在学习ejs，我有一些麻烦让一些东西正常工作。我试图在用户单击“修改”时填写表单，具体取决于它是哪一行，但表单显示的数据都是相同的，我不知道为什么

例如，如果我在表的第二行单击“修改”，它应该获取第二行上的数据并用DAT填充表单。但是它总是使用第一行数据填充表单，而不管我在哪里单击。下面是代码：

<% if(data.length){ 
    for(var i = 0;i < data.length;i++) { %>
<tr>
  <td><%=data[i].ID%></td>
  <td><%=data[i].NOM%></td>
  <td><%=data[i].EMPLACEMENT%></td>
  <td><%=data[i].UTILITE%></td>
  <td><%=data[i].MARQUE%></td>
  <td><%=data[i].MODELE%></td>
  <td><%=data[i].NUMEROSERIE%></td>
  <td><%=data[i].PROCESSEUR%></td>
  <td><%=data[i].MEMOIRE%></td>
  <td><%=data[i].OS%></td>
  <td><%=data[i].CATEGORIE%></td>
  <td><%=data[i].VALEUR%></td>
  <td>
      <div class="container">

          <!-- Trigger the modal with a button -->
          <button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#myModal1">Modifier</button>

          <!-- Modal -->
          <div class="modal fade" id="myModal1" role="dialog">
            <div class="modal-dialog">

              <!-- Modal content-->
              <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Modifier serveur</h5>
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                  <form name="form1m" action="/update" method="post">
                    <div class="form-group">
                        <label for="Inputm">ID</label>
                        <input type="text" class="form-control" id="Inputm5" placeholder="ID" name="<%=data[i].ID%>" value="<%=data[i].ID%>" readonly>
                      </div>
                    <div class="form-group">
                      <label for="Inputm">Nom</label>
                      <input type="text" class="form-control" id="Inputm" placeholder="Nom" name="<%=data[i].NOM%>" value="<%=data[i].NOM%>">
                    </div>
                    <div class="form-group">
                      <label for="Input2m">Emplacement</label>
                      <input type="text" class="form-control" id="Input2m" placeholder="Emplacement" name="EMPLACEMENT" value="<%=data[i].EMPLACEMENT%>">
                    </div>
                    <div class="form-group">
                      <label for="Input3m">Utilité</label>
                      <input type="text" class="form-control" id="Input3m" placeholder="Utilité" name="UTILITE" value="<%=data[i].UTILITE%>">
                    </div>
                    <div class="form-group">
                      <label for="Input4m">Marque</label>
                      <input type="text" class="form-control" id="Input4m" placeholder="Marque" name="MARQUE" value="<%=data[i].MARQUE%>">
                    </div>
                    <div class="form-group">
                      <label for="Input5m">Modèle</label>
                      <input type="text" class="form-control" id="Input5m" placeholder="Modèle" name="MODELE" value="<%=data[i].MODELE%>">
                    </div>
                    <div class="form-group">
                      <label for="Input6m">Numéro de série</label>
                      <input type="text" class="form-control" id="Input6m" placeholder="Numéro de série" name="NUMEROSERIE" value="<%=data[i].NUMEROSERIE%>">
                    </div>
                    <div class="form-group">
                      <label for="Input7m">Processeur</label>
                      <input type="text" class="form-control" id="Input7m" placeholder="Processeur" name="PROCESSEUR" value="<%=data[i].PROCESSEUR%>">
                    </div>
                    <div class="form-group">
                      <label for="Input8m">Mémoire</label>
                      <input type="text" class="form-control" id="Input8m" placeholder="Mémoire" name="MEMOIRE" value="<%=data[i].MEMOIRE%>">
                    </div>
                    <div class="form-group">
                      <label for="Input9m">OS</label>
                      <input type="text" class="form-control" id="Input9m" placeholder="OS" name="OS" value="<%=data[i].OS%>">
                    </div>
                    <div class="form-group">
                      <label for="Input10m">Catégorie</label>
                      <input type="text" class="form-control" id="Input10m" placeholder="Catégorie" name="CATEGORIE" value="<%=data[i].CATEGORIE%>">
                    </div>
                    <div class="form-group">
                      <label for="Input11m">Valeur</label>
                      <input type="text" class="form-control" id="Input11m" placeholder="Valeur" name="VALEUR" value="<%=data[i].VALEUR%>">
                    </div>
                    <input type="submit" name="Soumettre" value="Soumettre" class="btn btn-primary"></button>
                  </form>
                </div>
                </div>
              </div>

            </div>
          </div>

修饰语
修饰符服务员
&时代；
身份证件
笔名
炮位
效用
品牌
莫代尔
纳梅罗·德·塞里
处理者
梅莫尔
操作系统
凯蒂戈里酒店
瓦勒尔

以下是数据的外观：

数据是不同的，但单击“编辑”时，它仅显示第一行的数据

以下是呈现的HTML（我上一个屏幕截图中的两行）：

20
测试
1.
s
惠普
母羊
德弗鲁
韦韦
韦斯德夫
esfddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
Cdeqawed
989
修饰语
修饰符服务员
&时代；
身份证件
笔名
炮位
效用
品牌
莫代尔
纳梅罗·德·塞里
处理者
梅莫尔
操作系统
凯蒂戈里酒店
瓦勒尔
21
r5y
5ry
r5y
y5r
w3
第三次世界大战
w3
55
6.
7.
677
修饰语
修饰符服务员
&时代；
身份证件
笔名
炮位
效用
品牌
莫代尔
纳梅罗·德·塞里
处理者
梅莫尔
操作系统
凯蒂戈里酒店
瓦勒尔

你能帮我吗

---

谢谢，我的第一个赌注是，

id

s必须是唯一的。

---

您是否尝试将

id=“Input2m”

替换为

id=“Input2m-”

？（即，向其添加循环索引）。

我解决了我的问题，修改了以下内容：

id="myModal1"
data-target="#myModal1"

为此：

data-target="#myModal1-<%=i%>"
id="myModal1-<%=i%>"

data target=“#myModal1-”
id=“myModal1-”

好的，您能帮助我吗？是您的问题吗，同一个表中的行包含所有相同的数据（如第1行）？如果是，您能显示h吗

data-target="#myModal1-<%=i%>"
id="myModal1-<%=i%>"