2016-08-28 34 views
1

这是Bootstrap弹出窗口(淡入淡出),我列出了所有成员及其旁边的按钮,当您单击时,您可以编辑指定用户(id)的配置文件。一切工作正常,除了<div class="modal fade" id="myModal6" role="dialog">如果我删除,然后我可以编辑每个用户,但与此,它只更新第一个用户。只更新表格ID

$query = $handler->query('SELECT * FROM users'); 
<?php while($r = $query->fetch()) { ?> 
<div class="modal fade" id="myModal6" role="dialog"> 
      <div class="modal-dialog modal-sm"> 
       <!-- Modal content--> 
       <div class="modal-content"> 
         <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal">&times;</button> 
          <h4 class="modal-title">Izmeni</h4> 
         </div> 
         <div class="modal-body"> 
          <p> 
           <form action="admin.php?update_id=<?php echo $r['id']; ?>" method="post"> 
            <div class="field"> 
             <center><input type="text" name="updatename" class="form-control" required="" placeholder="<?php echo $r['id']; ?>"></center><br> 
             <center><input type="text" name="updatesurname" class="form-control" required="" placeholder="Prezime"></center><br> 
             <center><button name="submit" type="submit" class="btn btn-block btn-success"><span class="glyphicon glyphicon-ok"></span> Izmeni</button></center> 
            </div> 
           </form> 
          </p> 
         </div> 
        </div> 
       </div> 
      </div> 
<?php } ?> 

所以,如果我删除<div class="modal fade" id="myModal6" role="dialog">它会工作,但后来我的表格将被screwd这样。

enter image description here

回答

1

如果需要正确执行页面中的ID,则该页面中的ID必须是唯一的。或者esle它会被杵走,它会产生不受干扰的结果。

列表页:

<a type="button" data-toggle="modal" data-target="#myModal<?php echo $r['id']; ?>" class="btn btn-xs btn-info" href="#"><i class="glyphicon glyphicon-edit"></i></a> 

这将为所有的弹出窗口创建单独的ID,你可以使用它。

修改代码:

$query = $handler->query('SELECT * FROM users'); 
<?php while($r = $query->fetch()) { ?> 
<div class="modal fade" id="myModal<?php echo $r['id']; ?>" role="dialog"> 
      <div class="modal-dialog modal-sm"> 
       <!-- Modal content--> 
       <div class="modal-content"> 
         <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal">&times;</button> 
          <h4 class="modal-title">Izmeni</h4> 
         </div> 
         <div class="modal-body"> 
          <p> 
           <form action="admin.php?update_id=<?php echo $r['id']; ?>" method="post"> 
            <div class="field"> 
             <center><input type="text" name="updatename" class="form-control" required="" placeholder="<?php echo $r['id']; ?>"></center><br> 
             <center><input type="text" name="updatesurname" class="form-control" required="" placeholder="Prezime"></center><br> 
             <center><button name="submit" type="submit" class="btn btn-block btn-success"><span class="glyphicon glyphicon-ok"></span> Izmeni</button></center> 
            </div> 
           </form> 
          </p> 
         </div> 
        </div> 
       </div> 
      </div> 
<?php } ?> 
+0

您必须调用Bootstrap弹出窗口(淡入)的类。不要拨打ID –

+0

固定,谢谢! – Monk

+0

很高兴帮助你兄弟:) –

1

代替<div class="modal fade" id="myModal6" role="dialog">使用

<div class="modal fade" id="myModal<?php echo $r['id']; ?>" role="dialog"> 

元素的ID应在整个页面是唯一的。

+0

'myModal6'是形式的ID,但是'$ R [ '身份证']'是用户的ID,你怎么能混用吗? – Monk

+0

你的代码应该为表单元素生成唯一的ID。你将如何做到这一点取决于你。我将使用用户的id作为一种简单的方法。 –

+0

你是对的,谢谢你,它的工作。 – Monk