通过JQuery.load调用用PHP加载html表
目标 我正在尝试创建一个页面以从数据库中删除记录。该页面将由一个在页面加载时填充自身的组成。从中选择一个值并单击“提交”按钮后,将调用一个php页面,php的结果将加载到下面的表中。然后,我可以单击返回的值旁边的delete按钮,从数据库中删除该值 我的表格:通过JQuery.load调用用PHP加载html表,php,javascript,jquery,html,mysql,Php,Javascript,Jquery,Html,Mysql,目标 我正在尝试创建一个页面以从数据库中删除记录。该页面将由一个在页面加载时填充自身的组成。从中选择一个值并单击“提交”按钮后,将调用一个php页面,php的结果将加载到下面的表中。然后,我可以单击返回的值旁边的delete按钮,从数据库中删除该值 我的表格: <!DOCTYPE HTML> <html> <head> <!--Loads JQuery script--> <script src="//code.jquery.com/jque
<!DOCTYPE HTML>
<html>
<head>
<!--Loads JQuery script-->
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<!--Gets list of item categories on page load-->
<script type="text/javascript">
$(document).ready(function(){
$("#viewsubcat").load("getcategory.php");
});
</script>
<script type="text/javascript">
$("#viewsubcatsubmit").click(function(){
var cat=$('#viewsubcat').val();
$('#deletetable').load('delsubcategory.php?cat='+cat);
});
</script>
</head>
<body>
<form style="width:500px" id="viewsubcategory" name="viewsubcategory" method="post" action="<? php echo $_SERVER['PHP_SELF'] ?>" >
<div class="inputfield">
<label for="viewsubcat">Select Category:</label>
<select style="margin-left:37px" id="viewsubcat" name="viewsubcat"></select>
</div><br />
<div class="inputfield">
<input style="margin-left:250px" type="button" id="viewsubcatsubmit" name="viewsubcatsubmit" value="Search" /></div>
</div><br />
</form>
<table id="deletetable">
</table>
</body>
</html>
$(文档).ready(函数(){
$(“#viewsubcat”).load(“getcategory.php”);
});
$(“#viewsubcatsubmit”)。单击(函数(){
var cat=$('#viewsubcat').val();
$('#deletetetable').load('delsubcategory.php?cat='+cat);
});
忘记将按钮单击事件处理程序包装到$(function(){})代码>
$(函数(){
$(“#viewsubcatsubmit”)。单击(函数(){
var cat=$('#viewsubcat').val();
$('#deletetetable').load('delsubcategory.php?cat='+cat);
});
});
您忘记将按钮单击事件处理程序包装到$(function(){})中代码>
$(函数(){
$(“#viewsubcatsubmit”)。单击(函数(){
var cat=$('#viewsubcat').val();
$('#deletetetable').load('delsubcategory.php?cat='+cat);
});
});
Arghh真不敢相信我错过了。令人惊讶的是,最简单的错误竟然会导致长发数小时pulling@Ken有时会发生……但这教会你们不要再重复一遍……希望问题解决了……唉,真不敢相信我错过了。令人惊讶的是,最简单的错误竟然会导致长发数小时pulling@Ken有时候会发生……但这教会你们不要再重复了……希望问题解决了……@RabNawaz Dipesh明白了。我忘了包装我的。单击$(function())@拉伯纳瓦兹·迪佩什明白了。我忘了包装我的。单击$(function());
<?php
include("cxn.inc");
$id=$_SESSION['BizID'];
$cat=$_GET['cat'];
$viewsubcat=$cxn->prepare("SELECT * FROM `itemcat`,`itemsubcat`
WHERE `itemcat`.`CatID`=:cat AND `itemsubcat`.`ItemCat`=:cat AND `itemsubcat`.`BusinessID`=:id");
$viewsubcat->bindValue(":cat",$cat);
$viewsubcat->bindValue(":id",$id);
$viewsubcat->execute();
//echo"<table border='1'>";
echo"<tr>";
echo"<td>";
echo"Categories";
echo"</td>";
echo"<td>";
echo"SubCategories";
echo"</td>";
echo"<td>";
echo"Action";
echo"</td>";
echo"</tr>";
while($getsubcat=$viewsubcat->fetch(PDO::FETCH_ASSOC))
{
$cat=$getsubcat['ItemCat'];
$subcat=$getsubcat['ItemSubCat'];
$subcatid=$getsubcat['SubCatID'];
echo"<tr>";
echo"<td>";
echo"$cat";
echo"</td>";
echo"<td>";
echo"$subcat";
echo"</td>";
echo"<td>";
echo"<form id='delsubcategory' name='delsubcategory' method='POST' action='delsubcategory.php'>";
echo"<input type='hidden' id='delsubcatid' name='delsubcatid' value='$subcatid' />";
echo"<input type='submit' id='delsubcatsubmit' name='delsubcatsubmit' value='Delete' />";
echo"</form>";
echo"</td>";
echo"</tr>";
}
//echo"</table>";
?>
<script type="text/javascript">
$(function(){
$("#viewsubcatsubmit").click(function(){
var cat=$('#viewsubcat').val();
$('#deletetable').load('delsubcategory.php?cat='+cat);
});
});
</script>