2013-08-26 38 views
1

目的加载到PHP的HTML表格通过jQuery的.load调用

我想创建一个网页从我database.The页面上删除记录将包括一个用于填充其本身在页面load.Upon从中选择一个值并点击提交按钮,一个php页面将被调用,并且php的结果将被加载到一个下面的表格中。然后,我可以点击删除按钮,该按钮将被旁边的值回显以删除从数据库中值

我的表格:

<!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> 

PHP页面:

<?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>"; 
?> 

问题:

HTML表没有加载在按压button.The PHP的页面工作时我改变形式的行动 “delsubcategory.php”和按钮类型=“提交”,所以问题在于html。

希望得到任何见解此事

+0

你得到一个错误? – Rab

+0

@RabNawaz Dipesh明白了。我忘了把我的.click换成$(function()); –

回答

1

你忘了你的包裹按钮单击事件处理程序到$(function(){ });

<script type="text/javascript"> 
$(function(){ 
$("#viewsubcatsubmit").click(function(){ 
    var cat=$('#viewsubcat').val(); 
    $('#deletetable').load('delsubcategory.php?cat='+cat); 
}); 
}); 
</script> 
+0

Arghh不能相信我错过了。令人惊讶的是,最简单的错误可能会导致数小时的头发拉动 –

+0

@Ken它发生在某个时候......但教你不要再重复一遍......希望问题解决了... –

相关问题