php实现三级级联下拉框_

1、php实现三级级联下拉框_ 这是我在网上查找到的php实现三级级联下拉框的资料，共享个大家，大家一起进步，具体内容如下 index.php: html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titleAjax联动菜单/title script language=javascript type=text/javascript src=aa.js/script /head body form label select name=sel id=sel onChange=showMenu(this.val

2、ue); option一级分类/option ?php $conn = mysql_connect(localhost, root, ) or die(Could not connect: . mysql_error(); mysql_select_db(fitment, $conn) or die (Cant use database : . mysql_error(); mysql_query(set names gb2312); $str = SELECT * FROM fitment_sort where supid = 0 ORDER BY id ASC; $result = mys

3、ql_query($str) or die(Invalid query: . mysql_error(); if($result) while ($arr = mysql_fetch_array($result) echo EOD option value=$arrid$arrname/option EOD; mysql_close($conn); ? /select /label label select name=sel2 id=sel2 onChange=showMenu2(this.value) option二级分类/option /select /label label select

4、 name=sel3 id=sel3 option三级分类/option /select /label /form input type=button value=send value onClick=alert(document.getElementByIdx_x_xx_x_xx(sel).optionsdocument.getElementByIdx_x_xx_x_xx(sel).selectedIndex.text + - + document.getElementByIdx_x_xx_x_xx(sel2).optionsdocument.getElementByIdx_x_xx_x_x

5、x(sel2).selectedIndex.text + - + document.getElementByIdx_x_xx_x_xx(sel3).optionsdocument.getElementByIdx_x_xx_x_xx(sel3).selectedIndex.text) /body /html aa.js: !- var xmlHttp var xmlHttp2 /函数showMenu(str) - 功能函数1 function showMenu(str) xmlHttp=GetXmlHttpObject() /调用GetXmlHttpObject()函数，创建XMLHttpReq

6、uest对象 if (xmlHttp=null) /假如创建失败，则 alert (Browser does not support HTTP Request) return var url=get2.php /定义url , 其主要读取数据库 url=url+?q=+str url=url+sid=+Math.random() /Math对象的random方法，取随机数 xmlHttp.onreadystatechange=stateChanged /设置当XMLHttpRequest对象xmlHttp状态转变时调用的函数,留意函数名后不要添加小括号 xmlHttp.open(GET,url

7、,true) /用法XMLHttpRequest对象的open()方法 , 创建HTTP恳求 xmlHttp.send(null) /用法XMLHttpRequest对象的open()方法 , 发送HTTP恳求 /函数showMenu(str) - 功能函数1 function showMenu2(str) xmlHttp2=GetXmlHttpObject() /调用GetXmlHttpObject()函数，创建XMLHttpRequest对象 if (xmlHttp2=null) /假如创建失败，则 alert (Browser does not support HTTP Request)

8、 return var url=get2.php /定义url , 其主要读取数据库 url=url+?q2=+str url=url+sid=+Math.random() /Math对象的random方法，取随机数 xmlHttp2.onreadystatechange=stateChanged2 /设置当XMLHttpRequest对象xmlHttp状态转变时调用的函数,留意函数名后不要添加小括号 xmlHttp2.open(GET,url,true) /用法XMLHttpRequest对象的open()方法 , 创建HTTP恳求 xmlHttp2.send(null) /用法XMLHtt

9、pRequest对象的open()方法 , 发送HTTP恳求 /函数BuildSel() , 依据返回的的字串 , 重新构建新的下拉菜单控件Select - 功能函数2 function BuildSel(str,sel) /先清空原来的数据. sel.options.length=0; var arrstr = new Array(); arrstr = str.split(,); if(str.length0) /循环 for(var i=0;iarrstr.length;i+) var subarrstr=new Array(); subarrstr=arrstri.split(|);

10、sel.options.add(new Option(subarrstr1,subarrstr0); sel.options0.selected=true; /函数stateChanged() - 响应HTTP恳求状态改变 function stateChanged() /推断XMLHttpRequest对象的readyState属性值是否为4,假如为4表示异步调用完成(留意:异步调用完成 不代表 异步调用胜利) if (xmlHttp.readyState=4 | xmlHttp.readyState=complete) /假如异步调用胜利 - XMLHttpRequest对象的status

11、属性值为200 , html文件在本地运行,则xmlHttp.status的返回值为0,故应当加上xmlHttp.status=0 if(xmlHttp.status=200 | xmlHttp.status=0) /调用文档对象模型DOM的getElementById()方法查找html文件中的标签txtHint , /innerHTML为IE扫瞄器中的属性,可以用来更改标签间文本的内容 , /xmlHttp.responseText , 通过XMLHttpRequest的responseText属性来猎取数据 responseText,结果为字符串;responseXML,结果为XML形式

12、 / document.getElementByIdx_x_xx_x_xx(txtHint).innerHTML=xmlHttp.responseText BuildSel(xmlHttp.responseText,document.getElementsByTagName_r(*).sel2) showMenu2(document.getElementsByTagName_r(*).sel2.value); /函数stateChanged() - 响应HTTP恳求状态改变 function stateChanged2() /推断XMLHttpRequest对象的readyState属性值是否

13、为4,假如为4表示异步调用完成(留意:异步调用完成 不代表 异步调用胜利) if (xmlHttp2.readyState=4 | xmlHttp2.readyState=complete) /假如异步调用胜利 - XMLHttpRequest对象的status属性值为200 , html文件在本地运行,则xmlHttp.status的返回值为0,故应当加上xmlHttp.status=0 if(xmlHttp2.status=200 | xmlHttp2.status=0) /调用文档对象模型DOM的getElementById()方法查找html文件中的标签txtHint , /inner

14、HTML为IE扫瞄器中的属性,可以用来更改标签间文本的内容 , /xmlHttp.responseText , 通过XMLHttpRequest的responseText属性来猎取数据 responseText,结果为字符串;responseXML,结果为XML形式 / document.getElementByIdx_x_xx_x_xx(txtHint).innerHTML=xmlHttp.responseText BuildSel(xmlHttp2.responseText,document.getElementsByTagName_r(*).sel3) /函数GetXmlHttpObje

15、ct() - 创建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; - ge

16、t2.php: ?php header(Content-Type:text/html;charset=GB2312); $conn = mysql_connect(localhost, root, ) or die(Could not connect: . mysql_error(); mysql_select_db(fitment, $conn) or die (Cant use database : . mysql_error(); mysql_query(set names gb2312); /假如传递过来q if($_GETq) $strs = SELECT * FROM fitmen

17、t_sort WHERE supid= .$_GETq. ; /echo $str; $results = mysql_query($strs) or die(Invalid query: . mysql_error(); if($results) while ($arrs = mysql_fetch_array($results) $strings .= $arrsid.|.$arrsname.,; echo substr($strings,0,strlen($strings)-1); /假如传递过来q2 if($_GETq2) $str = SELECT * FROM fitment_sort WHERE supid= .$_GETq2.; /ec