我是新手。我正在转换一个包含帖子表单的工作 Bootstrap 模式。使用带有 ID 的按钮打开模式。打开时,它始终显示在 SQL while 语句结果列表中找到的第一条记录的 FORM 内容。我将模式从 id 更改为 class。我现在用类按钮而不是 id 按钮打开它。但现在它一直显示第二条记录的表单内容。如果我将表单从模式中取出,它会正常工作并显示正确的内容。Accept-btn 打开模式。('.confirm-body') 包含模态内容表单。请感谢一些帮助。<!-- Opens modal is outside the modal--><a class="accept-btn">Accept</a><!-- The Modal --><div class="modal"> <!-- Modal content --> <div class="modal-content animate confirmarea-size"> <div id="topblue-border1" class="topblue-border1"></div> <!-- topblue border End --> <!-- Popup buttons Start --> <div class="confirm-body boxshadow" style="display:none;"> <form class="whatever" action="" method=""> <input type="hidden" class="whatever" name="" value="<?php echo whatever?>"> <input type="hidden" class="whatever" name="" value="<?php echo whatever?>"> <input type="hidden" class="whatever" name="" value="<?php echo whatever?>"> <div class="ajax-response"></div> <a><div id="css-btn" class="confirm-btn">Accept</div></a> <a><div id="css-btn" class="cancel-btn">Cancel</div></a> <a><div id="css-btn" class="nextstage-btn">OK</div></a> </form> </div> <!-- Popup Confirm Section END --> </div> <!-- End of The Modal Content --> </div> <!-- End of The Modal -->1st Option Button script<script>// Accept button Opens the Modal .$(document).ready(function() { $('.accept-btn').click(function(event) { $('.modal').show(); $('.confirm-body').show(); });});</script>2nd Option button script. I want to try something like this but I dont know how to code it and close it correctly. each recored has a record Id field. I want to relate the modal to the record id.
1 回答
蓝山帝景
TA贡献1843条经验 获得超7个赞
我已经解决了这个问题。一些解决这个问题的方法很好,比如这里发布的 AJAX GET ,它很有效。但我知道一定有另一种方法,不需要 AJAX GET 命令,而是对模态进行微小的更改,因为我的另一个问题是另一个项目上的其他模态包含模态形式的用户输入字段,该字段将 Js 查询返回到在通过 Ajax 发布表单之前打开 mondal 。经过大量的测试和痛苦之后,我找到了解决方案,因为我知道答案在于模态 ID 是静态的。我怎样才能使其动态并匹配 SQL $row id 和 Button ID。答案就在下面。
$row [recordid]
创建包含行的Sql 数据库或 id 的 php 变量。现在,这就是确保您获得正确数据所需的变量。
$id = "". $row["id"]."";
在用于打开模态的按钮中回显记录 id 变量。保持!变量之前的哈希#:
<button type="button" class="accept-btn" data-toggle="modal" data-target="#<?php echo $id;?>">
Modal Div - 删除 #myModal 并回显 id php 变量。不要添加哈希值#
<div id="<?php echo $id;?>" class="modal">
就这样完成了。因此,当您单击任何行中的模式按钮时,它将显示正确的内容/形式。
- 1 回答
- 0 关注
- 61 浏览
添加回答
举报
0/150
提交
取消