`

ajax php二级联动菜单

 
阅读更多

二级联动菜单 ajax载入的

数据库结构如下

bigclass 表

`bigclassid` int(11) NOT NULL auto_increment,

`bigclassname` varchar(300) collate utf8_unicode_ci NOT NULL, PRIMARY KEY (`bigclassid`)

smallclass表

`smallclassid` int(11) NOT NULL auto_increment,

`smallclassname` varchar(200) collate utf8_unicode_ci NOT NULL,

`bigclassid` int(11) NOT NULL,

 

 

 

 js代码

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

 doclass.php

 

PHP Code
  1. <?php  
  2.   header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码  
  3.   $pid=$_GET['pid'];  
  4.     # FileName="Connection_php_mysql.htm"  
  5.     # Type="MYSQL"  
  6.     # HTTP="true"  
  7. include("conn.php");  
  8.       
  9.   mysql_query("set names 'GBK'");  
  10. mysql_select_db($database_lr$lr);  
  11.   $sql="select * from smallclass where bigclassid='$pid'";  
  12.   $result=mysql_query($sql);  
  13.   while($rows=mysql_fetch_array($result)){  
  14.    echo "<option value=".$rows['smallclassid'].">";  
  15.       echo $rows['smallclassname'];  
  16.    echo "</option>n";  
  17.   }  
  18. ?>  
XML/HTML Code
  1. <select name="select1" id="class1" style="width:100;" onChange="getclass('class2');">  
  2. <option selected value="">选择大类</option>  
  3.           
  4.  <?  
  5.    $sql = "select * from bigclass order by sort";  
  6.    $result = mysql_query( $sql );  
  7.    while($res = mysql_fetch_row($result)){  
  8.  ?>  
  9.     <option value="<? echo $res[0]; ?>"><? echo $res[1]; ?></option>  
  10.   <? } ?>  
  11. </select>  
  12. <select name="select2" id="class2" style="width:100;"  onChange="getclass('class3');">  
  13. </select> 
  14.  


原文地址:http://www.freejs.net/article_biaodan_28.html

0
0
分享到:
评论

相关推荐

    smarty ajax 下拉框二级联动

    Smarty + Ajax 下拉菜单二级联动: 1. 建立数据库ajaxtest (使用utf8) 2. 进行conn.php 修改root密码 3. 导入表 product.sql --- 主产品 4. 导入表 producttest.sql -- 二级产品 弄好后运行:...

    ajax 二级联动 php

    ajax 二级联动 php js html

    PHP+ajax实现二级联动菜单功能示例

    本文实例讲述了PHP+ajax实现二级联动菜单功能。分享给大家供大家参考,具体如下: 如何实现二级联动 工作原理 二级联动在开发中是比较常见的一个技术点,它主要运用了JS的局部刷新技术ajax,不同于一般页面全局刷新,...

    省市县三级菜单联动(mysql+ajax+json+php)

    省市县三级菜单联动(mysql+ajax+json+php),很简单易懂的代码,这段代码可以直接拿到项目中使用

    ajax+php+无限级分类下拉菜单.rar

    ajax+php+无限级分类下拉菜单.rar ajax+php+无限级分类下拉菜单.rar

    ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单

    我做的是分类数据的二级联动,数据需要的字段有:id,name(中文名),pid(父id). 父id的设置: 若数据没有上一级,则父id为0,若有上级,则父id为上一级的id。 数据库有内容后,就可以开始写代码,进行二级联动的实现。...

    Ajax+php实现商品分类三级联动

    当页面加载时,利用ajax异步向后台请求数据,加载一级商品类别,当选择一级商品时加载二级商品,选择二级商品加载三级商品。  实现: 1、当拿到数据后加载pid为0的商品,并动态创建option将商品追加到一级菜单中,...

    仿京东商城点击选择的省份地区三级菜单联动代码

    jquery仿京东商城三级联动代码,是一款新型的联动菜单,已经抛弃了Select的形式,现在用jquery实现这种菜单级别的菜单,用户操作起来更方便直观了,虽然是仿京东的,但兼容性方面做的相当不错了,你甚至可以拿去代码...

    jQuery ajax+PHP实现的级联下拉列表框功能示例

    主要介绍了jQuery ajax+PHP实现的级联下拉列表框功能,涉及php结合jQuery的$.get方法动态交互实现省市二级联动下拉列表框相关操作技巧,需要的朋友可以参考下

    OELOVE婚恋交友系统 v3.5.rar

    OELove交友网站系统基于PHP Mysql开发的一套专业级本地化运营的婚恋、主题类交友系统,拥有交友、婚恋、微博、互动、心理测试等基础功能,运营者可直接运作也可以在此版本上进行二次开发模块及功能订制。 OElove...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加中国的省市县三级联动示例(data/shengshixian.aspx)(feedback:Blues T)。 -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用...

    ExtAspNet_v2.3.2_dll

    -增加中国的省市县三级联动示例(data/shengshixian.aspx)(feedback:Blues T)。 -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题,这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用...

    CoverCMS内容管理系统

    支持页面静态与缓存,可自选内容进行动态调用、部分更新、二级缓存,支持自动定时静态无需手动更新。 完善灵活的交互设置中心、完善的工作流程。自主设置文档管理手段,如推荐、精品、焦点、置顶、标题加黑(粗)等。...

Global site tag (gtag.js) - Google Analytics