mysql php无刷新三级联动菜单

1. <script language="JavaScript" type="text/">  
2. function removeOptions(selectObj){      
3.           if (typeof selectObj != 'object'){  
4.             selectObj = document.getElementById(selectObj); 
5.     }      // 原有选项计数      
6.           var len = selectObj.options.length;      
7.     for (var i=0; i < len; i++){    // 移除当前选项          
8.         selectObj.options[0] = null;      
9.     }  
10. }  
11. function setSelectOption(selectObj, optionList, firstOption, selected) {     
12.      if (typeof selectObj != 'object'){          
13.       selectObj = document.getElementById(selectObj); 
14.   }      // 清空选项      
15.   removeOptions(selectObj);    // 选项计数      
16.   var start = 0;       // 如果需要添加第一个选项      
17.   if (firstOption){          
18.        selectObj.options[0] = new Option(firstOption, '');      // 选项计数从 1 开始          
19.     start ++;     
20.   }       
21.   var len = optionList.length; 
22.   for (var i=0; i < len; i++){     // 设置 option          
23.       selectObj.options[start] = new Option(optionList[i].txt, optionList[i].val);          // 选中项          
24.    if(selected == optionList[i].val){              
25.        selectObj.options[start].selected = true;          
26.    }          // 计数加 1          
27.   start ++;      
28.  }   
29. }  //--> 
30.  var sidArr = []; 

1. <?PHP 
2. $sql="select * from ptypes where sid = 0 and ssid =0"; 
3. $result=mysql_query($sql,$conn) or die("查询数据库出错1"); 
4. while($row=mysql_fetch_object($result)) 
5. { 
6.    $i=0; 
7.    $rs2=""; 
8.    $sql2="select * from ptypes where sid='".$row->id."'"; 
9.    $result2=mysql_query($sql2,$conn) or die("查询数据出错2"); 
10.    while($row2=mysql_fetch_object($result2)) 
11.    { 
12.        if ($i==0){ 
13.         $t=""; 
14.     }else{ 
15.         $t=","; 
16.     } 
17.        $rs2.=$t."{txt:'".$row2->title."',val:'".$row2->id."'}n"; 
18.     $n=0; 
19.     $rs3=""; 
20.     $sql3="select * from ptypes where ssid='".$row2->id."'"; 
21.     $result3=mysql_query($sql3,$conn) or die("查询是数据库出错3"); 
22.     while($row3=mysql_fetch_object($result3)) 
23.     { 
24.        if ($n==0) 
25.     { 
26.        $t1=""; 
27.     }else{ 
28.        $t1=","; 
29.     } 
30.     $rs3.=$t1."{txt:'".$row3->title."',val:'".$row3->id."'}n"; 
31.     $n=1; 
32.     } 
33.      
34.     echo("sidArr['".$row2->id."']=[".$rs3."];"); 
35.     $i=1; 
36.    } 
37.     
38.    echo("sidArr['".$row->id."']=[".$rs2."];"); 
39. } 
40. ?> 
41. function setCity(province) { 
42.          
43.          removeOptions(document.getElementById('sid')); 
44.    removeOptions(document.getElementById('ssid')); 
45.    setSelectOption('sid', "", '-请选择-');  
46.    setSelectOption('ssid', "", '-请选择-');  
47.          if (!sidArr[province] || sidArr[province]==""){  
48.         
49.              document.getElementById('sid').disabled=true; 
50.     document.getElementById('ssid').disabled=true; 
51.    }else{ 
52.        document.getElementById('sid').disabled=false; 
53.     document.getElementById('ssid').disabled=false; 
54.              setSelectOption('sid', sidArr[province], '-请选择-');  
55.    } 
56. } 
57. function setssid(province) { 
58.          removeOptions(document.getElementById('ssid')); 
59.    setSelectOption('ssid', "", '-请选择-');  
60.          if (!sidArr[province] || sidArr[province]==""){ 
61.     document.getElementById('ssid').disabled=true; 
62.    }else{ 
63.        document.getElementById('ssid').disabled=false; 
64.              setSelectOption('ssid', sidArr[province], '-请选择-');  
65.    } 
66. } 
67. </script> 
68. <select name="province" id="province" onchange="if(this.value != '') setCity(this.options[this.selectedIndex].value);">    
69.    <option value="">-请选择-</option> 
70.    <?php 
71.    $sql="select * from ptypes where sid=0 and ssid = 0"; 
72.    $result=mysql_query($sql,$conn) or die("返回数据记录出错!"); 
73.    while($row=mysql_fetch_object($result)) 
74.    { 
75.        echo ("<option value='".$row->id."'>".$row->title."</option>"); 
76.    } 
77.    ?> 
78. </select> 一级 
79.     
80. <select name="sid" id="sid" onchange="if(this.value != '') setssid(this.options[this.selectedIndex].value);" >      
81. <option value="">-请选择-</option> 
82. </select> 二级 
83. <select name="ssid" id="ssid">      
84. <option value="">-请选择-</option> 
85. </select> 三级