【发布时间】：2015-10-09 09:04:01
【问题描述】：
好的，我正在开发一个课程项目，并且正在构建一个具有基本功能的网站。我是 php 和 javascript 的新手。
所以这就是问题所在。我在 phpMyAdmin 中创建了一个名为“itemdb”的数据库。我可以通过 html+php 向其中添加项目并删除它们。现在我想做的是编辑数据库中的数据，这就是我找不到修复它的地方。
这就是我的想法。 1.点击编辑按钮。 2. 打开引导模式。 3. 显示项目信息。 4.点击保存更改。数据库已更新。
我的问题是，如果我将按钮/输入类型设置为用表单标签包围的“提交”，则模式将崩溃。 但是，下面的当前代码没有表单标签，并且按钮设置为“按钮”类型，当我单击按钮时，即使单击另一个按钮（相同数据），它也只会显示一个项目的信息。
这是我的代码。
出于测试目的，我创建了一个表格，第一行显示“你好”，第二行显示一个按钮，当我单击按钮时，它将在模态中显示信息。
<div class = "row col-xs-10 col-sm-10 col-md-10 col-lg-10 ">
<?php
include 'connectDB.php';
$query = "SELECT * FROM `itemdb`;";
$result = mysqli_query($dbconnect, $query);
if(mysqli_num_rows($result) > 0)
{
while($row = mysqli_fetch_assoc($result))
{?>
<table>
<tr>
<td>Hellow</td>
<td>
<?php
echo "
<button type=\"button\" class=\"btn btn-primary\" data-toggle=\"modal\" data-target=\"#exampleModal\"
data-whatever=\"editDB[" . $row['itemID'] . "]\" onclick=\"window.Socation.href = 'adminItems3.php?value=" . $row['itemID'] . "'\";>Edit</button>
";?>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<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" id="exampleModalLabel">New message</h4>
</div>
<div class="modal-body">
<?php
if(!empty($row['itemID'])){
$ID = $row['itemID'];
echo $ID;
$query1 = "SELECT * FROM `trademe`.`itemdb` WHERE `itemdb`.`itemID` = $ID;";
$result1 = mysqli_query($dbconnect, $query1);
if(mysqli_num_rows($result1) > 0){
$row1 = mysqli_fetch_assoc($result1);
echo "
<table class=\"table-striped\">
<tr>
<td class = \"imgBoxCol\">
<img class=\"imgBox img-rounded imgBox\"src=\"" . $row1['img_path'] . "\"></img>
</td>
<td>
<p >Ad Title: <input name=\"editadTitle\" value=\"" . $row1['adTitle'] . "\"/></p>
<p>Item Name:<input name=\"edititemName\" value=\" " . $row1['itemName'] . "\"/> </p>
<p>Condition:<textarea name=\"editcond\" type=\"text\" >" . $row1['cond'] . "</textarea></p>
<p>Description:<textarea name=\"editdescription\" type=\"text\" > " . $row1['description'] . " </textarea></p>
<p>Method:<input name=\"editmethod\" value=\"" . $row1['method'] . " \"/></p>
<p>Category:<input name=\"editcategory\" value=\"" . $row1['category'] . " \"/></p>
</td>
</tr>
</table>
";
}}?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Send message</button>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<?php//opening php// ending html code.
}
}
?>
</div>
脚本
$('#exampleModal').on('show.bs.modal', function (event) {
var button = $(event.relatedTarget) // Button that triggered the modal
var Eid = button.data('whatever') // Extract info from data-* attributes
// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
// Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
var modal = $(this)
modal.find('.modal-title').text('New message to ' + Eid)
modal.find('.modal-body input').val(Eid)
// document.location="adminItems3.php?idSelected=" + Eid
})
我已经尝试解决这个问题好几天了。如果你们有更好的想法，至少以某种方式传递项目 ID，以便我的模态能够检索它，那就太好了！
有什么方法可以传递变量，这样我就可以通过我的模态检索它而不会崩溃？
[点击第三个按钮时的图像][2]
显示第一个按钮的信息 再次感谢 ！！
【问题讨论】：
标签： javascript php html bootstrap-modal bootstrapping