[英]Bootstrap Modal Dialog on submitted not displaying id value
我在使用引导程序的模态对话框时遇到问题。 这是我的代码:我想正确显示 id 按钮,而不仅仅是打开模态对话框,但它不起作用。 它总是显示空白。 但是,如果我将类型“按钮”更改为“提交”,则会获得正确的 id 但不显示模态对话框。 有什么问题?? 谢谢关注。 这是我的代码:
<table class="table table-bordered">
<tr>
<td> <input type="checkbox" id="box1" name="box1"> <b>Seleziona tutto</b></td>
<td> <b>Pratica</b> </td>
<td> <b>Filiale</b> </td>
</tr>
<?php
$query = mysql_query("SELECT * from plprat ") ;
while ($row = mysql_fetch_array($query)) {
echo "<tr>";
echo "<td><input type='checkbox' class='box' name='box[]' value=".$row['id']."></td>";
echo "<td>" . $row['pratica'] . "</td>";
echo "<td>" . $row['filiale'] . "</td>";
//echo "<td><form method='POST' action='Cancella.php'><button type='submit' name='Cancella' class='btn btn-default' value=".$row['id'].">Cancella</button></form></td>";
echo "<td><form method='GET'><button type='button' id='modifica' name='modifica' data-toggle='modal' data-target='#myModal' class='btn btn-default' value=".$row['id'].">Modifica</button></form></td>";
echo "</tr>";
}
?>
</table>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<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="myModalLabel">Modifica dati</h4>
</div>
<div class="modal-body">
<?php
$id = $_GET['modifica'];
echo $id;
$query = mysql_query("SELECT * FROM plprat WHERE id = $id");
while ($row = mysql_fetch_array($query)) {
?>
<b>Pratica</b> <input type="text" id="pratica" name="pratica" value="<?php echo $row['pratica']; ?>">
<b>Filiale</b> <input type="text" id="filiale" name="filiale" value="<?php echo $row['filiale']; ?>">
<?php
}
?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
<button type="submit" id="salva" name="salva" class="btn btn-primary">Modifica</button>
</div>
</div>
</div>
</div>
这种行为就是你编码的,让我解释一下发生了什么。
为什么这不起作用?
您将模态按钮放在表单中,但没有在模态中使用表单。 因此,如果您将模态按钮更改为提交,它会在您单击它时提交它,但您的模态没有打开,甚至……页面已经在提交表单。
您的模态不包含任何<form>
,因此您的保存按钮不在<form>
并且永远不会提交任何内容。
如何解决?
首先删除包裹你的模态按钮的表单标签,它没用。 将表单标签直接作为 .modal-content 的子标签,并将您需要的输入数据放入其中。
我怎么能帮到你更多?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.