当前位置:Gxlcms > PHP教程 > php实现三级级联下拉框_PHP

php实现三级级联下拉框_PHP

时间:2021-07-01 10:21:17 帮助过:34人阅读

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

index.php:

  1. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  2. <title>Ajax联动菜单</title>
  3. <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)">

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 XMLHttpRequest对象的status属性值为200 , html文件在本地运行,则xmlHttp.status的返回值为0,故应该加上xmlHttp.status==0
  33. if(xmlHttp.status==200 || xmlHttp.status==0) //调用文档对象模型DOM的getElementById()方法查找html文件中的标签txtHint ,
  34. //innerHTML为IE浏览器中的属性,可以用来更改标签间文本的内容 ,
  35. //xmlHttp.responseText , 通过XMLHttpRequest的responseText属性来获取数据 responseText,</pre>结果为字符串;responseXML,</pre>结果为XML形式
  36. // document.getElementByIdx_x_xx_x_xx("txtHint").innerHTML=xmlHttp.responseText
  37. BuildSel(xmlHttp.responseText,document.getElementsByTagName_r("*").sel2)
  38. showMenu2(document.getElementsByTagName_r("*").sel2.value); }
  39. }
  40. //函数stateChanged() - 响应HTTP请求状态变化
  41. function stateChanged2() //判断XMLHttpRequest对象的readyState属性值是否为4,如果为4表示异步调用完成(注意:异步调用完成 不代表 异步调用成功)
  42. if (xmlHttp2.readyState==4 || xmlHttp2.readyState=="complete") //如果异步调用成功 --> XMLHttpRequest对象的status属性值为200 , html文件在本地运行,则xmlHttp.status的返回值为0,故应该加上xmlHttp.status==0
  43. if(xmlHttp2.status==200 || xmlHttp2.status==0) //调用文档对象模型DOM的getElementById()方法查找html文件中的标签txtHint ,
  44. //innerHTML为IE浏览器中的属性,可以用来更改标签间文本的内容 ,
  45. //xmlHttp.responseText , 通过XMLHttpRequest的responseText属性来获取数据 responseText,
结果为字符串;responseXML,结果为XML形式 // document.getElementByIdx_x_xx_x_xx("txtHint").innerHTML=xmlHttp.responseText BuildSel(xmlHttp2.responseText,document.getElementsByTagName_r("*").sel3) } } //函数GetXmlHttpObject() - 创建XMLHttpRequest对象,即创建一个异步调用对象 function GetXmlHttpObject() var xmlHttp=null; try // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); catch (e) //Internet Explorer try xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); catch (e) xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } 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程序设计有所帮助。

人气教程排行