PHP+AJAX2级联动下拉列表（简单好用）

这次给大家展示的是非常常用的一个ajax功能－－联动下拉列表，本程序采用2级联动，根据数据库的内容用ajax处理下拉列表内容，实现根据用户需求取得下拉选项，交互性强，更新容易。废话少说，不如正题，这次依然象往常一样提供截图和源码下载，首先还是AJAX框架：

1. var http_request=false;
   
2.   function send_request(url){//初始化，指定处理函数，发送请求的函数
   
3.     http_request=false;
   
4. //开始初始化XMLHttpRequest对象
   
5. if(window.XMLHttpRequest){//Mozilla浏览器
   
6.   http_request=new XMLHttpRequest();
   
7.   if(http_request.overrideMimeType){//设置MIME类别
   
8.     http_request.overrideMimeType("text/xml");
   
9.   }
   
10. }
    
11. else if(window.ActiveXObject){//IE浏览器
    
12.   try{
    
13.    http_request=new ActiveXObject("Msxml2.XMLHttp");
    
14.   }catch(e){
    
15.    try{
    
16.    http_request=new ActiveXobject("Microsoft.XMLHttp");
    
17.    }catch(e){}
    
18.   }
    
19.     }
    
20. if(!http_request){//异常，创建对象实例失败
    
21.   window.alert("创建XMLHttp对象失败！");
    
22.   return false;
    
23. }
    
24. http_request.onreadystatechange=processrequest;
    
25. //确定发送请求方式，URL，及是否同步执行下段代码
    
26.     http_request.open("GET",url,true);
    
27. http_request.send(null);
    
28.   }
    
29.   //处理返回信息的函数
    
30.   function processrequest(){
    
31.    if(http_request.readyState==4){//判断对象状态
    
32.      if(http_request.status==200){//信息已成功返回，开始处理信息
    
33.    document.getElementById(reobj).innerHTML=http_request.responseText;
    
34.   }
    
35.   else{//页面不正常
    
36.    alert("您所请求的页面不正常！");
    
37.   }
    
38.    }
    
39.   }
    
40.   function getclass(obj){
    
41.    var pid=document.form1.select1.value;
    
42.    document.getElementById(obj).innerHTML="loading...";
    
43.    send_request('doclass.php?pid='+pid);
    
44.    reobj=obj;
    
45.   }

这个程序的核心就是动态添加

1. ......

服务器端是进行数据的检索，很简单：

2.   header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码
   
3.   $pid=$_GET['pid'];
   
4.   $db=mysql_connect("localhost","root","7529639"); //创建数据库连接
   
5.   mysql_query("set names 'GBK'");
   
6.   mysql_select_db("menuclass");
   
7.   $sql="select classname from menu where parentid=".$pid."";
   
8.   $result=mysql_query($sql);
   
9.   
   
10.   //循环列出选项
    
11.   while($rows=mysql_fetch_array($result)){
    
12.    echo '';
    
13.       echo $rows['classname'];
    
14.    echo "\n";
    
15.   }
    
16. ?>

再看看列表页面的html：

1.   
   
2. 
   
3. 
   
4. 
   
5. 
   
6. 
   
7. 
   
8. 
   
9. 
   
     
   
   
     
   大类1
   
     
   大类2
   
   
   
10. 
    
    
    
11. 
    
12.