通过 PHP 将 MySQL 数据传递给模态表单答案

【问题标题】：Passing MySQL data to Modal Form via PHP通过 PHP 将 MySQL 数据传递给模态表单
【发布时间】：2012-12-19 05:15:47
【问题描述】：

我正在尝试使用模式作为用户在 MySQL 数据库中编辑数据的简单方法。似乎只有在我的 SELECT 语句中检索到的第一行可用于模态，我不明白为什么。换句话说，想象一个有几列的表，第一列是客户的姓名。我的目标是能够单击一个名称，显示一个带有表单的模式，然后传递该表单的结果以使用 PHP 更新数据库。但是，无论我单击哪个名称，都只会传递与第一条结果行相关的值。

表“项目”包括将出现在表中的所有行的信息。

$personID 是通过GET 传递的，是选择特定员工的客户的手段。

模态 div 包含在 PHP while 子句中。

模式中包含的表单将信息传递给基本的 PHP 更新脚本。

非常感谢，迈克

PHP 选择语句：

    <?php
        $query = "SELECT * FROM item WHERE personID = $personID";
        $result = mysql_query($query);
        while($info=mysql_fetch_array($result)){
        $itemID = $info['itemID'];
    ?>

链接（众多链接之一；我已缩写此部分）：

    <div class='row-fluid'>
        <div class='span3'>
            <a href="#customerModal" data-toggle="modal"><?php echo($info['itemCustomer']); ?></a>
        </div>
    </div>

模态：

<div id="customerModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel"><?php echo($info['itemID']); ?></h3>
</div>
<div class="modal-body">
    <form action='pipelineEdit.php' method='post'>
        <input placeholder='Customer Name' style='width:50%' type='text' name='editValue' id='editValue'>
        <input type='hidden' value='itemCustomer' name='editField' id='editField'>
        <input type='hidden' value='<?php echo($info['itemID']); ?>' name='itemID' id='itemID'>
        <input type='hidden' value='<?php echo($personID); ?>' name='personID' id='personID'>
</div>
          <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary">Save changes</button>
          </div>
          </form>
        </div>

PHP 结束 while 出现在模态之后：

    <?php } ?>

【问题讨论】：

如何在 php 脚本中分配 $personID？另外，我是否认为您正在打印多个 customerModal div？ ID 应该是唯一的，因此链接只会打开循环中打印的第一个模式。您可能应该将
$personID 通过 GET（上一页的链接）传递
$personID = $_GET[personID];

标签： php jquery html twitter-bootstrap modal-dialog

【解决方案1】：

您正在打印具有相同 ID = customerModal 的多个 div

ID 必须是唯一的，因此链接只会打开循环中打印的第一个模式。

变化：

<div id="customerModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

到：

<div id="customerModal<?php echo $info['itemID']; ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

和：

<a href="#customerModal" data-toggle="modal">

到：

<a href="#customerModal<?php echo $info['itemID']; ?>" data-toggle="modal">

【讨论】：

完美。谢谢 Voitek，非常感谢。

【解决方案2】：

您的模态由 id 标识。在 jQuery 中，只会引用具有该 id 的第一个 DOM 元素。要引用正确的模态，您可以将数据库 id 附加到元素 id，例如：

<div id="customerModal<?php echo $info['itemID']; ?>"

链接也需要附加：

<a href="#customerModal<?php echo $info['itemID']; ?>" data-toggle="modal">

有关使用 ID 选择器的更多信息，请查看 jQuery 文档 here.

【讨论】：

【解决方案3】：

使用

while($info=mysql_fetch_array($result)){
    $itemID = $info['itemID'];

表示您继续分配给 $itemId。最后 $itemId 只保存最后分配的值。

【讨论】：