当前位置：首页 > PHP教程 > php应用 > 列表

php实现三级级联下拉框

发布:smiling　来源: PHP粉丝网 　添加日期：2021-07-29 10:04:06　浏览: 评论：0　

这篇文章主要介绍了php实现三级级联下拉框,上网翻找了许多三级级联下拉框实现的资料，下面分享给大家。

这是我在网上查找到的php实现三级级联下拉框的资料，共享个大家，大家一起进步，具体内容如下

index.php:

  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
  4. <title>Ajax联动菜单</title> 
  5. <script language="javascript" type="text/javascript" src="aa.js"></script> 
  6. </head> 
  7. <body> 
  8. <form> 
  9. <label> 
  10. <select name="sel" id="sel" onChange="showMenu(this.value);"> 
  11.  <option>一级分类</option> 
  12. <?php 
  13. $conn = mysql_connect('localhost', 'root', '') or die('Could not connect: ' . mysql_error()); 
  14. mysql_select_db('fitment', $conn) or die ('Can\'t use database : ' . mysql_error()); 
  15. mysql_query("set names 'gb2312'"); 
  16. $str = "SELECT * FROM `fitment_sort` where supid = '0' ORDER BY `id` ASC"; 
  17. $result = mysql_query($str) or die("Invalid query: " . mysql_error()); 
  18. if($result)   while ($arr = mysql_fetch_array($result)){ 
  19.     echo <<<EOD 
  20. <option value={$arr["id"]}>{$arr["name"]}</option> 
  21. EOD; } 
  22. mysql_close($conn); 
  23. ?> 
  24. </select> 
  25. </label> 
  26. <label> 
  27. <select name="sel2" id="sel2" onChange="showMenu2(this.value)"> 
  28.  <option>二级分类</option> 
  29.  </select> 
  30. </label> 
  31. <label> 
  32. <select name="sel3" id="sel3"> 
  33.  <option>三级分类</option> 
  34. </select> 
  35. </label> 
  36. </form> 
  37. <input type=button value="send value" onClick="alert(document.getElementByIdx_x_xx_x_xx('sel').options[document.getElementByIdx_x_xx_x_xx('sel').selectedIndex].text + '-' + document.getElementByIdx_x_xx_x_xx('sel2').options[document.getElementByIdx_x_xx_x_xx('sel2').selectedIndex].text + '-' + document.getElementByIdx_x_xx_x_xx('sel3').options[document.getElementByIdx_x_xx_x_xx('sel3').selectedIndex].text)"> 
  38. </body> 
  39. </html> 

aa.js

  1. <!-- 
  2. var xmlHttp 
  3. var xmlHttp2 
  4. //函数showMenu(str) - 功能函数1 
  5. function showMenu(str) xmlHttp=GetXmlHttpObject()    //调用GetXmlHttpObject()函数，创建XMLHttpRequest对象 
  6. if (xmlHttp==null)        //如果创建失败，则 alert ("Browser does not support HTTP Request") 
  7.  return 
  8. var url="get2.php"        //定义url , 其主要读取数据库 
  9. url=url+"?q="+str 
  10. url=url+"&sid="+Math.random()  //Math对象的random方法，取随机数 
  11. xmlHttp.onreadystatechange=stateChanged //设置当XMLHttpRequest对象xmlHttp状态改变时调用的函数,注意函数名后不要添加小括号 
  12. xmlHttp.open("GET",url,true)  //使用XMLHttpRequest对象的open()方法 , 创建HTTP请求 
  13. xmlHttp.send(null)        //使用XMLHttpRequest对象的open()方法 , 发送HTTP请求 
  14. } 
  15. //函数showMenu(str) - 功能函数1 
  16. function showMenu2(str) 
  17. { 
  18. xmlHttp2=GetXmlHttpObject()    //调用GetXmlHttpObject()函数，创建XMLHttpRequest对象 
  19. if (xmlHttp2==null)        //如果创建失败，则 alert ("Browser does not support HTTP Request") 
  20.  return 
  21. var url="get2.php"        //定义url , 其主要读取数据库 
  22. url=url+"?q2="+str 
  23. url=url+"&sid="+Math.random()  //Math对象的random方法，取随机数 
  24. xmlHttp2.onreadystatechange=stateChanged2 //设置当XMLHttpRequest对象xmlHttp状态改变时调用的函数,注意函数名后不要添加小括号 
  25. xmlHttp2.open("GET",url,true)  //使用XMLHttpRequest对象的open()方法 , 创建HTTP请求 
  26. xmlHttp2.send(null)        //使用XMLHttpRequest对象的open()方法 , 发送HTTP请求 
  27. } 
  28. //函数BuildSel() , 根据返回的的字串 , 重新构建新的下拉菜单控件Select - 功能函数2 
  29. function BuildSel(str,sel)   //先清空原来的数据. 
  30.   sel.options.length=0;   var arrstr = new Array();   arrstr = str.split(","); 
  31.   if(str.length>0)      //循环 
  32.     for(var i=0;i<arrstr.length;i++)       var subarrstr=new Array();       subarrstr=arrstr[i].split("|"); 
  33.       sel.options.add(new Option(subarrstr[1],subarrstr[0]));     sel.options[0].selected=true; } 
  34. //函数stateChanged() - 响应HTTP请求状态变化 
  35. function stateChanged() //判断XMLHttpRequest对象的readyState属性值是否为4,如果为4表示异步调用完成(注意:异步调用完成 不代表 异步调用成功) 
  36. if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") //如果异步调用成功 --> XMLHttpRequest对象的status属性值为200 , html文件在本地运行,则xmlHttp.status的返回值为0,故应该加上xmlHttp.status==0 
  37.  if(xmlHttp.status==200 || xmlHttp.status==0)     //调用文档对象模型DOM的getElementById()方法查找html文件中的标签txtHint , 
  38.      //innerHTML为IE浏览器中的属性,可以用来更改标签间文本的内容 , 
  39.      //xmlHttp.responseText , 通过XMLHttpRequest的responseText属性来获取数据 responseText,结果为字符串;responseXML,结果为XML形式 
  40. //     document.getElementByIdx_x_xx_x_xx("txtHint").innerHTML=xmlHttp.responseText 
  41.      BuildSel(xmlHttp.responseText,document.getElementsByTagName_r("*").sel2) 
  42.      showMenu2(document.getElementsByTagName_r("*").sel2.value); } 
  43. } 
  44. //函数stateChanged() - 响应HTTP请求状态变化 
  45. function stateChanged2() //判断XMLHttpRequest对象的readyState属性值是否为4,如果为4表示异步调用完成(注意:异步调用完成 不代表 异步调用成功) 
  46. if (xmlHttp2.readyState==4 || xmlHttp2.readyState=="complete") //如果异步调用成功 --> XMLHttpRequest对象的status属性值为200 , html文件在本地运行,则xmlHttp.status的返回值为0,故应该加上xmlHttp.status==0 
  47.  if(xmlHttp2.status==200 || xmlHttp2.status==0)     //调用文档对象模型DOM的getElementById()方法查找html文件中的标签txtHint , 
  48.      //innerHTML为IE浏览器中的属性,可以用来更改标签间文本的内容 , 
  49.      //xmlHttp.responseText , 通过XMLHttpRequest的responseText属性来获取数据 responseText,结果为字符串;responseXML,结果为XML形式 
  50. //     document.getElementByIdx_x_xx_x_xx("txtHint").innerHTML=xmlHttp.responseText 
  51.      BuildSel(xmlHttp2.responseText,document.getElementsByTagName_r("*").sel3) } 
  52. } 
  53. //函数GetXmlHttpObject() - 创建XMLHttpRequest对象,即创建一个异步调用对象 
  54. function GetXmlHttpObject() var xmlHttp=null; 
  55. try // Firefox, Opera 8.0+, Safari 
  56.  xmlHttp=new XMLHttpRequest(); catch (e) //Internet Explorer 
  57.  try  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); catch (e)  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } 
  58. return xmlHttp; --> 

get2.php

  1. <?php header('Content-Type:text/html;charset=GB2312'); $conn = mysql_connect('localhost', 'root', '') or die('Could not connect: ' . mysql_error()); 
  2. mysql_select_db('fitment', $conn) or die ('Can\'t use database : ' . mysql_error()); 
  3. mysql_query("set names 'gb2312'"); 
  4. //如果传递过来q 
  5. if($_GET["q"]){ 
  6. $strs = "SELECT * FROM fitment_sort WHERE supid=' ".$_GET["q"]."' "; 
  7. //echo $str; 
  8. $results = mysql_query($strs) or die("Invalid query: " . mysql_error()); 
  9. if($results)   while ($arrs = mysql_fetch_array($results)){ 
  10.     $strings .= $arrs["id"]."|".$arrs["name"].",";   } 
  11.   echo substr($strings,0,strlen($strings)-1); } 
  12. //如果传递过来q2 
  13. if($_GET["q2"]){ 
  14. $str = "SELECT * FROM fitment_sort WHERE supid= '".$_GET["q2"]."'"; 
  15. //echo $str; 
  16. $result = mysql_query($str) or die("Invalid query: " . mysql_error()); 
  17. if($result)   while ($arr = mysql_fetch_array($result)){ 
  18.     $string .= $arr["id"]."|".$arr["name"].",";   }   echo substr($string,0,strlen($string)-1); } 
  19. mysql_close($conn); 
  20. ?> 

以上就是php实现三级级联下拉框的相关代码，希望对大家学习php程序设计有所帮助。

Tags: php三级级联下拉框

分享到：

推荐文章

热门文章

最新评论文章