首页 > 代码库 > Query实例的ajax应用之二级联动的后台是采用php来做的
Query实例的ajax应用之二级联动的后台是采用php来做的
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="http://www.mamicode.com/include/jquery/jquery-1.1.3.1.2881064151pack.js"></script>
<select name="bTrade" id="bTrade">
<option value="http://www.mamicode.com/-1">——所属行业大类——</option>
<?
$res1=result("select * from csj_trade where tradeType=0");
while($rs1=mysql_fetch_array($res1)){
?>
<option value="http://www.mamicode.com/<?=$rs1["id"]?>">——<?=$rs1["tname"]?>——</option>
<?}?>
</select>
<span id="quote">
<select name="sTrade">
<option value="http://www.mamicode.com/-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="http://www.mamicode.com/‘.$rs["id"].‘">‘.$rs["tname"].‘</option>‘;
}
$rt.=‘</select>‘;
echo $rt;
?>
Query实例的ajax应用之二级联动的后台是采用php来做的
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。