通过PHP将MySQL数据传递给Modal Form

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

表'Item'包含将出现在表中的所有行的信息。

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

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

包含在模态中的表单将信息传递给一个基本的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结束于modal:

    <?php } ?>

您正在打印具有相同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">

使用

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

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

您的模态被标识为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文档这里。

相关内容

最新更新

热门标签：