Question

php jquery ajax 二级联动问题

主页面
<script type="text/javascript" src="../px/JS/jquery-1.4.min.js"></script>
<select name="bTrade" id="bTrade">
<option value="-1">——所属行业大类——</option>
<?php
require_once("../px/conn/conn.php");
$sql="select * from fenli where pid=0";
$result=mysql_query($sql);
while($rs1=mysql_fetch_array($result))
{
?>
<option value="<?=$rs1["id"]?>">——<?=$rs1["name"]?>——</option>
<?php }
?>
</select>
<span id="quote">
<select name="sTrade">
<option value="-2">——行业小类——</option>
</select>
</span>
<script language="javascript">
$("#bTrade").change(function(){
$("#quote").load("liangdong.php?id="+$("#bTrade").val());
});
</script>

liangdong.php页面

<?
require_once("../px/conn/conn.php");
header("Cache-Control: no-cache");
$id=$_GET["id"];
$res=result("select * from fenli where pid=".$id);
$rt='<select name="sTrade" id="s_trade">';
while($rs=mysql_fetch_array($res)){
$rt.='<option value="'.$rs["pid"].'">'.$rs["name"].'</option>';
}
$rt.='</select>';
echo $rt;
?>

数据库px
表fenli
id fid name
1 0 家教
2 1 初中家教
3 1 高中家教
4 0 培训
5 4 英语培训
6 4 电脑培训

问题：请问如何实现首先出现大类下拉菜单，选择后再出现小类下拉菜单，并在相应的内容出现小类的内容

Answer 1

用户先选择第一个列别中的内容（大类），鼠标失去焦点时触发事件中根据第一个大类选中的内容用Ajax到后台提取第二个类别中需要的内容 然后用jquery的append 方法把获取到的数据加到第二个列表中就OK了