wdcp有缓存吗:PHP AJAX2级联动下拉列表（简单好用） - 『AJAX编程专区』 - 台州站长论坛 |台州论坛|站长论坛|TVB电视剧|PHP论坛|MYSQL论坛|Ajax论坛|DIV CSS论坛|JS论坛|A

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

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

var http_request=false;
  function send_request(url){//初始化，指定处理函数，发送请求的函数
    http_request=false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest){//Mozilla浏览器
  http_request=new XMLHttpRequest();
  if(http_request.overrideMimeType){//设置MIME类别
    http_request.overrideMimeType("text/xml");
  }
}
else if(window.ActiveXObject){//IE浏览器
  try{
   http_request=new ActiveXObject("Msxml2.XMLHttp");
  }catch(e){
   try{
   http_request=new ActiveXobject("Microsoft.XMLHttp");
   }catch(e){}
  }
    }
if(!http_request){//异常，创建对象实例失败
  window.alert("创建XMLHttp对象失败！");
  return false;
}
http_request.onreadystatechange=processrequest;
//确定发送请求方式，URL，及是否同步执行下段代码
    http_request.open("GET",url,true);
http_request.send(null);
  }
  //处理返回信息的函数
  function processrequest(){
   if(http_request.readyState==4){//判断对象状态
     if(http_request.status==200){//信息已成功返回，开始处理信息
   document.getElementById(reobj).innerHTML=http_request.responseText;
  }
  else{//页面不正常
   alert("您所请求的页面不正常！");
  }
   }
  }
  function getclass(obj){
   var pid=document.form1.select1.value;
   document.getElementById(obj).innerHTML="loading...";
   send_request(‘doclass.php?pid=‘+pid);
   reobj=obj;
  }

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

......

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

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

再看看列表页面的html：


  

  
  大类1
  大类2

附件

1.jpg (1.99 KB)

2007-9-24 10:04

PHP+AJAX2级联动下拉列表

2.jpg (3.25 KB)

2007-9-24 10:04

PHP+AJAX2级联动下拉列表

3.jpg (5.92 KB)

2007-9-24 10:04

PHP+AJAX2级联动下拉列表

4.jpg (5.62 KB)

2007-9-24 10:04

PHP+AJAX2级联动下拉列表

ajaxdemo.rar (1.66 KB)

2007-9-24 10:05, 下载次数: 3

PHP+AJAX2级联动下拉列表

搜索更多相关主题的帖子: AJAX PHP 列表

台州南开技术小组专门用PHP+MYSQL技术进行Web(网站、平台、系统等)开发，凭借其开发产品的非凡速度、领先的技术优势、富于创新的开发团队，为众多行业门户、专业型站点提供最有优质的服务和技术保障。QQ:79646320

UID

2 

帖子

1726 

精华

35 

积分

3962 

威望

3962  

台州币

4692 元 

阅读权限

100 

在线时间

54 小时 

注册时间

2007-8-30 

最后登录

2008-5-29 

查看个人网站

查看详细资料

引用 使用道具 报告 回复 TOP

浙江省温岭市【长屿硐天】风景旅游区 tznktg

tznktg

版主

• 个人空间
• 发短消息
• 加为好友
• 当前离线

2^# 大 中 小 发表于 2007-9-24 10:05  只看该作者 doclass.php


  header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码
  $pid=$_GET[‘pid‘];

  $db=mysql_connect("localhost","root","7529639"); //创建数据库连接
  mysql_query("set names ‘GBK‘");
  mysql_select_db("menuclass");
  $sql="select classname from menu where parentid=".$pid."";
  $result=mysql_query($sql);
  
  //循环列出选项
  while($rows=mysql_fetch_array($result)){
          echo ‘‘;
      echo $rows[‘classname‘];
          echo "\n";
  }

?> 台州南开技术小组专门用PHP+MYSQL技术进行Web(网站、平台、系统等)开发，凭借其开发产品的非凡速度、领先的技术优势、富于创新的开发团队，为众多行业门户、专业型站点提供最有优质的服务和技术保障。QQ:79646320

UID

2 

帖子

1726 

精华

35 

积分

3962 

威望

3962  

台州币

4692 元 

阅读权限

100 

在线时间

54 小时 

注册时间

2007-8-30 

最后登录

2008-5-29 

查看个人网站

查看详细资料

引用 使用道具 报告 回复 TOP

浙江省温岭市【长屿硐天】风景旅游区 tznktg

tznktg

版主

• 个人空间
• 发短消息
• 加为好友
• 当前离线

3^# 大 中 小 发表于 2007-9-24 10:06  只看该作者 ajaxmenu.js

var http_request=false;
  function send_request(url){//初始化，指定处理函数，发送请求的函数
    http_request=false;
        //开始初始化XMLHttpRequest对象
        if(window.XMLHttpRequest){//Mozilla浏览器
         http_request=new XMLHttpRequest();
         if(http_request.overrideMimeType){//设置MIME类别
           http_request.overrideMimeType("text/xml");
         }
        }
        else if(window.ActiveXObject){//IE浏览器
         try{
          http_request=new ActiveXObject("Msxml2.XMLHttp");
         }catch(e){
          try{
          http_request=new ActiveXobject("Microsoft.XMLHttp");
          }catch(e){}
         }
    }
        if(!http_request){//异常，创建对象实例失败
         window.alert("创建XMLHttp对象失败！");
         return false;
        }
        http_request.onreadystatechange=processrequest;
        //确定发送请求方式，URL，及是否同步执行下段代码
    http_request.open("GET",url,true);
        http_request.send(null);
  }
  //处理返回信息的函数
  function processrequest(){
   if(http_request.readyState==4){//判断对象状态
     if(http_request.status==200){//信息已成功返回，开始处理信息
          document.getElementById(reobj).innerHTML=http_request.responseText;
         }
         else{//页面不正常
          alert("您所请求的页面不正常！");
         }
   }
  }
  function getclass(obj){
   var pid=document.form1.select1.value;
   document.getElementById(obj).innerHTML="loading...";
   send_request(‘doclass.php?pid=‘+pid);
   reobj=obj;
  } 台州南开技术小组专门用PHP+MYSQL技术进行Web(网站、平台、系统等)开发，凭借其开发产品的非凡速度、领先的技术优势、富于创新的开发团队，为众多行业门户、专业型站点提供最有优质的服务和技术保障。QQ:79646320

UID

2 

帖子

1726 

精华

35 

积分

3962 

威望

3962  

台州币

4692 元 

阅读权限

100 

在线时间

54 小时 

注册时间

2007-8-30 

最后登录

2008-5-29 

查看个人网站

查看详细资料

引用 使用道具 报告 回复 TOP

浙江省温岭市【长屿硐天】风景旅游区 tznktg

tznktg

版主

• 个人空间
• 发短消息
• 加为好友
• 当前离线

4^# 大 中 小 发表于 2007-9-24 10:06  只看该作者 index.html

  
  大类1
  大类2