首页 > Web开发 > 详细

Query实例的ajax应用之二级联动的后台是采用php来做的

时间:2016-11-14 20:05:51      阅读:219      评论:0      收藏:0      [点我收藏+]

jQuery实例的ajax应用之二级联动的后台是采用php来做的,前台通过jquery的ajax方式实现二级联动
数据库表设计 csj_trade

id int(11) auto_increment          
tname varchar(100)
tradeType int(11)   

其中,id为主键自动索引,tname为行业名称,tradeType为一个标识,为0时,表示这条数据是大类;不为0,而是某个数字的时候,则这个数字表示其父级的id。
(1)主页面

<script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.2881064151pack.js"></script>
<select name="bTrade" id="bTrade">
<option value="-1">——所属行业大类——</option>
<?
$res1=result("select * from csj_trade where tradeType=0");
while($rs1=mysql_fetch_array($res1)){
?>
    <option value="<?=$rs1["id"]?>">——<?=$rs1["tname"]?>——</option>
<?}?>
</select>
<span id="quote">
<select name="sTrade">
<option value="-2">——行业小类——</option>
</select>
</span>
<script language="javascript">
$("#bTrade").change(function(){ 
$("#quote").load("../include/getstrade.php?id="+$("#bTrade").val()); 
});
</script>

(2)getstrade.php

<?
require_once("function.php");
header("Cache-Control: no-cache"); 
$id=verify_id($_GET["id"]);
$res=result("select * from csj_trade where tradeType=".$id);
$rt=‘<select name="sTrade" id="s_trade">‘;
while($rs=mysql_fetch_array($res)){
$rt.=‘<option value="‘.$rs["id"].‘">‘.$rs["tname"].‘</option>‘;
}
$rt.=‘</select>‘;
echo $rt;
?>

Query实例的ajax应用之二级联动的后台是采用php来做的

原文:http://www.cnblogs.com/cbryge/p/6062942.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!