问题

我想通过ID在模态框中显示数据，但模态框始终显示相同的数据。不管我点击哪一行，它总是显示来自相同行的数据。我不知道为什么它不能传递正确的数据。

这是代码。

&lt;table class=&quot;table table-bordered table-hover table-striped&quot; id=&quot;mitabla&quot; border=&quot;1&quot;&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th class=&quot;text-center&quot; style=&quot;width: 40px;&quot;&gt;#&lt;/th&gt;
      &lt;th&gt;&lt;p&gt;Marcar&lt;/p&gt;&lt;input type=&quot;checkbox&quot; id=&quot;casilla&quot;&gt;&lt;/th&gt;
      &lt;th&gt;Host Name &lt;/th&gt;
      &lt;th&gt;N&#186; de Serie &lt;/th&gt;
      &lt;th&gt;Modelo&lt;/th&gt; 
      &lt;th&gt;Cargador&lt;/th&gt;
      &lt;th&gt;Malet&#237;n&lt;/th&gt;
      &lt;th&gt;Docking&lt;/th&gt;
      &lt;th&gt;Rat&#243;n / Teclado&lt;/th&gt;
      &lt;th&gt;Observaciones&lt;/th&gt;
      &lt;th&gt;Usuario

<details>
<summary>英文:</summary>

I would like to show data in a Modal by the ID, but the Modal always shows the same data. It does not matter the row I click, it shows always data from the same row. I don&#180;t know why it is not passing the correct data.

This is the code.

<table class="table table-bordered table-hover table-striped"id="mitabla" border="1">
<thead>
<tr>
<th class="text-center" style="width: 40px;">#</th>
<th><p>Marcar</p><input type="checkbox" id="casilla"></th>
<th>Host Name </th>
<th>Nº de Serie </th>
<th>Modelo</th>
<th>Cargador</th>
<th>Maletín</th>
<th>Docking</th>
<th>Ratón / Teclado</th>
<th>Observaciones</th>
<th>Usuario</th>
<th class="text-center" style="width: 100px;">Acciones</th>
</tr>
</thead>
<tbody>
<tr>
<?php foreach($all_informatica as $infor): ?>
<td class="text-center"><?php echo (int)$infor['id'];?></td>
<td><input type="checkbox" class="casilla" name="casilla[]" value="<?php echo $infor['id'];?>"></td>
<td><?php echo remove_junk(ucwords($infor['hostName']))?></td>
<td><?php echo remove_junk(ucwords($infor['nSerie']))?></td>
<td><?php echo remove_junk(ucwords($infor['modelo']))?></td>
<td><?php echo remove_junk(ucwords($infor['cargador']))?></td>
<td><?php echo remove_junk(ucwords($infor['maletin']))?></td>
<td><?php echo remove_junk(ucwords($infor['docking']))?></td>
<td><?php echo remove_junk(ucwords($infor['ratonTeclado']))?></td>
<td><?php echo remove_junk(ucwords($infor['notas']))?></td>
<td>
<select class="form-control" name="usuario" disabled>
<option value="">Usuarios</option>
<?php foreach ($all_users as $users): ?>
<option value="<?php echo (int)$users['id']; ?>" <?php if($infor['user_id'] === $users['id']): echo "selected"; endif; ?> >
<?php echo remove_junk($users['name']); ?></option>
<?php endforeach; ?>
</select>
</td>
<td class="text-center">
<div class="btn-group">
<button type="button" class="btn btn-xs btn-primary btn-view" id="viewID" name="viewID" data-toggle="modal" data-target="#modal-ver" value="<?php echo $infor['id'];?>" title="Ver">
<i class="glyphicon glyphicon-eye-open"></i>
</button>
<a href="edit_informatica.php?id=<?php echo (int)$infor['id'];?>" class="btn btn-xs btn-warning" data-toggle="tooltip" title="Editar">
<i class="glyphicon glyphicon-pencil"></i>
</a>
<a href="#" data-href="delete_informatica.php?id=<?php echo (int)$infor['id'];?>" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#confirm-delete" title="Eliminar">
<i class="glyphicon glyphicon-remove"></i>
</a>
</div>
</td>
<?php endforeach;?>
</tr>
</tbody>
</table>
</form>
<div class="pull-left">
<a href="export_informatica.php" class="btn btn-danger" target="_blank">Exportar PDF</a>
</div>

<?php foreach($all_informatica as $infor): ?>
<div class="modal fade" id="modal-ver" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">Informacion del equipo</h4>
</div>
<div class="modal-body" id="nombre">
<div class="row">
<div class="col-xs-12">
<h2><strong>Host Name portátil : </strong> <?php echo $infor['hostName']; ?> </h2>
<table class="table table-bordered">
<tbody>
<tr>
<th style="background-color: #f4f4f4;">Host Name</th>
<td><?php echo $infor['hostName']; ?></td>
<th style="background-color: #f4f4f4;">Nº de Serie</th>
<td><?php echo $infor['nSerie']; ?></td>
</tr>
<tr>
<th style="background-color: #f4f4f4;">Modelo</th>
<td><?php echo $infor['modelo']; ?></td>
<th style="background-color: #f4f4f4;">Cargador</th>
<td><?php echo $infor['cargador']; ?></td>
</tr>
<tr>
<th style="background-color: #f4f4f4;">Maletín</th>
<td><?php echo $infor['maletin']; ?></td>
<th style="background-color: #f4f4f4;">Docking</th>
<td><?php echo $infor['docking']; ?></td>
</tr>
<tr>
<th style="background-color: #f4f4f4;">Ratón / Teclado</th>
<td><?php echo $infor['ratonTeclado']; ?></td>
<th style="background-color: #f4f4f4;">Observaciones</th>
<td><?php echo $infor['notas']; ?></td>
</tr>
<tr>
<th style="background-color: #f4f4f4;">Usuario</th>
<td>
<select class="form-control" name="usuario">
<option value="">Usuarios</option>
<?php foreach ($all_users as $users): ?>
<option value="<?php echo (int)$users['id']; ?>" <?php if($infor['user_id'] === $users['id']): echo "selected"; endif; ?> >
<?php echo remove_junk($users['name']); ?>
</option>
<?php endforeach; ?>
</select>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary btn-print" onclick="javascript:imprSelec('nombre')" ><span class="fa fa-print"> </span>Imprimir</button>
</div>

</div>

</div>

</div>
<?php endforeach; ?>


I have tried different things, but I always have the same result. Same data every time in the Modal.
</details>
# 答案1
**得分**: 0
这是因为您正在循环内生成具有相同 `ID`（`modal-ver`）的多个模态对话框。`ID` 必须是唯一的。
所以您需要在每个 `infor` 项目上附加一个新的 `ID`，以确保唯一性。
<!-- 开始代码片段：js 隐藏: false 控制台: true babel: false -->
<!-- 语言：lang-html -->
<!-- 在循环内删除模态代码 -->
<!-- 模态 -->
<div class="modal fade" id="modal-ver">
<!-- 模态内容在这里 -->
</div>
<!-- 模态结束 -->
<table class="table table-bordered table-hover table-striped" id="mitabla" border="1">
<!-- 表格内容在这里 -->
</table>
<!-- 为每个 infor 项目生成唯一的模态 -->
<?php foreach($all_informatica as $infor): ?>
<div class="modal fade" id="modal-ver-<?php echo $infor['id']; ?>">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title">Informacion del equipo</h4>
</div>
<div class="modal-body" id="nombre">
<div class="row">
<div class="col-xs-12">
<!-- 模态内容在这里 -->
<h2><strong>Host Name portátil: </strong><?php echo $infor['hostName']; ?></h2>
<table class="table table-bordered">
<tbody>
<!-- 表格内容在这里 -->
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger pull-left" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary btn-print" onclick="javascript:imprSelec('nombre')">
<span class="fa fa-print"></span> Imprimir
</button>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
<!-- 更新按钮以针对具有唯一 ID 的特定模态 -->
<?php foreach($all_informatica as $infor): ?>
<button type="button" class="btn btn-xs btn-primary btn-view" data-toggle="modal" data-target="#modal-ver-<?php echo $infor['id']; ?>" title="Ver">
<i class="glyphicon glyphicon-eye-open"></i>
</button>
<?php endforeach; ?>
<!-- 结束代码片段 -->
通过使用 `-&lt;?php echo $infor[&#39;id&#39;]; ?&gt;` 作为 `data-target` 属性，按钮将与该特定模态关联，该模态属于特定的 `infor` 项目。
<details>
<summary>英文:</summary>
That&#39;s because you are generating multiple modal dialogs with the same `ID` (`modal-ver`) inside your loop. `ID` must be unique.  
So you need to append a new `ID` on each `infor` item every interaction. 
&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;
&lt;!-- language: lang-html --&gt;
&lt;!-- Remove the modal code inside the loop --&gt;
&lt;!-- modal --&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;modal-ver&quot;&gt;
&lt;!-- Modal content here --&gt;
&lt;/div&gt;
&lt;!-- End of modal --&gt;
&lt;table class=&quot;table table-bordered table-hover table-striped&quot; id=&quot;mitabla&quot; border=&quot;1&quot;&gt;
&lt;!-- Table content here --&gt;
&lt;/table&gt;
&lt;!-- Generate a unique modal for each infor item --&gt;
&lt;?php foreach($all_informatica as $infor): ?&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;modal-ver-&lt;?php echo $infor[&#39;id&#39;]; ?&gt;&quot;&gt;
&lt;div class=&quot;modal-dialog&quot;&gt;
&lt;div class=&quot;modal-content&quot;&gt;
&lt;div class=&quot;modal-header&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;
&lt;span aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;
&lt;/button&gt;
&lt;h4 class=&quot;modal-title&quot;&gt;Informacion del equipo&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-body&quot; id=&quot;nombre&quot;&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-12&quot;&gt;
&lt;!-- Modal content here --&gt;
&lt;h2&gt;&lt;strong&gt;Host Name port&#225;til : &lt;/strong&gt;&lt;?php echo $infor[&#39;hostName&#39;]; ?&gt;&lt;/h2&gt;
&lt;table class=&quot;table table-bordered&quot;&gt;
&lt;tbody&gt;
&lt;!-- Table content here --&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;modal-footer&quot;&gt;
&lt;button type=&quot;button&quot; class=&quot;btn btn-danger pull-left&quot; data-dismiss=&quot;modal&quot;&gt;Cerrar&lt;/button&gt;
&lt;button type=&quot;button&quot; class=&quot;btn btn-primary btn-print&quot; onclick=&quot;javascript:imprSelec(&#39;nombre&#39;)&quot;&gt;
&lt;span class=&quot;fa fa-print&quot;&gt;&lt;/span&gt; Imprimir
&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;?php endforeach; ?&gt;
&lt;!-- Update the button to target the specific modal using the unique ID --&gt;
&lt;?php foreach($all_informatica as $infor): ?&gt;
&lt;button type=&quot;button&quot; class=&quot;btn btn-xs btn-primary btn-view&quot; data-toggle=&quot;modal&quot; data-target=&quot;#modal-ver-&lt;?php echo $infor[&#39;id&#39;]; ?&gt;&quot; title=&quot;Ver&quot;&gt;
&lt;i class=&quot;glyphicon glyphicon-eye-open&quot;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;?php endforeach; ?&gt;
&lt;!-- end snippet --&gt;
With this each modal will have a unique `ID` based of the `infor` item. Every times the loops runs the `ID` will be different form the previous.
Then you need to update the button. So that you are trigger the right item with help of the `ID`. 
&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;
&lt;!-- language: lang-html --&gt;
&lt;button type=&quot;button&quot; class=&quot;btn btn-xs btn-primary btn-view&quot; data-toggle=&quot;modal&quot; data-target=&quot;#modal-ver-&lt;?php echo $infor[&#39;id&#39;]; ?&gt;&quot; title=&quot;Ver&quot;&gt;
&lt;i class=&quot;glyphicon glyphicon-eye-open&quot;&gt;&lt;/i&gt;
&lt;/button&gt;
&lt;!-- end snippet --&gt;
With `-&lt;?php echo $infor[&#39;id&#39;]; ?&gt;` to the `data-target` attribute the button will associate with that specific modal with that `infor` item. 
</details>

通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。

使用模态框查看 @foreach 循环中的数据

问题

如何根据数组字段是否包含一个值来过滤对象？

Search Filter in JavaScript (JavaScript 中的搜索过滤器)

如何判断具有特定类的元素是否不存在（纯JS）

Using only javascript and css: can I enable the user to selectively display and hide divs of different classes, via a single drop-down menu?

What's the correct way to type hint an empty list as a literal in python?

如何在Highcharts Gantt中更改本地化的星期名称

如何在同一个流中使用多个过滤器和映射函数？

如何使用Map/Set来将代码优化到O(n)？

.NET MAUI Android在GitHub Actions上构建失败，错误代码为1。

如何在Playwright视觉比较中屏蔽多个定位器？

在C++中，可以使用可变模板参数来检索类型的内部类型。

selenium.common.exceptions.StaleElementReferenceException: Message: stale element reference: stale element not found

Creating and opening a URL to log in to Website via Basic Auth with Robot Framework/Selenium (Python)

AG Grid 在上下文菜单中以大文本形式打开

发表评论