php+ajax实现select分类二级菜单效果

html代码如下:

1. <select id="teId" name="te_id" onchange="getArea()"> 
2.    <option value="1000">--请选择分类--</option> 
3.       <option value="1">房产知识</option> 
4.       <option value="8">房屋买卖</option> 
5.       <option value="16">法律法规</option> 
6.       <option value="24">银行贷款</option> 
7.       <option value="31">房产类型</option> 
8.       <option value="40">装修风水</option> 
9.       <option value="47">房产经纪</option> 
10.       <option value="52">其他问题</option> 
11.       <option value="54">楼盘问答</option> 
12.      </select> 
13.   <span id="teTid" ></span> 
14.   <span></span> 
15.   <select id="wealth" name="wealth"> 
16.    <option value="">--请选择悬赏积分--</option> 
17.    <option value="0">我要给0</option> 
18.    <option value="5">我要给5</option> 
19.    <option value="15">我要给15</option> 
20.    <option value="30">我要给30</option> 
21.    <option value="50">我要给50</option> 
22.   </select> 

ajax代码如下:

1. // 创建ajax引擎 
2.  function getXmlHttpObject() { 
3.   var xmlHttpRequest; 
4.  
5.   if (window.ActiveXObject) { 
6.  
7.    xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
8.   } else { 
9.  
10.   xmlHttpRequest = new XMLHttpRequest(); 
11.  } 
12.  
13.  return xmlHttpRequest; 
14. } 
15.  
16. var myXmlHttpRequest = ""; 
17.  
18. function getArea(){ 
19.  //alert(ID('teId').value); 
20.  myXmlHttpRequest = getXmlHttpObject(); 
21.  // 怎样判断是否可以www.111cn.net 
22.  if (myXmlHttpRequest) { 
23.   // post 发送数据 
24.   var url = "ajax_tiwen.php"; 
25.   var date = "teId=" + ID('teId').value; 
26.  
27.   myXmlHttpRequest.open("post", url, true); 
28.  
29.   myXmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8"); 
30.   myXmlHttpRequest.onreadystatechange = TiWen; 
31.   myXmlHttpRequest.send(date); 
32.  } 
33. } 

php代码如下:

1. $str = ''; 
2. if(!$teamId) 
3. { 
4.  
5.  $str .= '<select name="te_tid">'; 
6.  $str .= ' <option value="1000">--请选择分类--</option>'; 
7.  $str .= '</select>'; 
8.  echo $str; 
9.  exit; 
10. } 
11. else 
12. { 
13.  $str .= '<select id="teTid" name="te_tid">'; 
14.  $str .= ' <option value="1000">--请选择分类--</option>'; 
15.  foreach($teamId as $v) 
16.  { 
17.   $str .= '<option value="'.$v['id'].'">'.$v['tname'].'</option>'; 
18.  } 
19.  $str .= '</select>'; 
20.  echo $str; 
21. }