实用的mysql ajax php 三级级联下拉框.doc

实用的mysql ajax php 三级级联下拉框1,昨天弄了一个简单的三级级联下拉框。超级实用。index.php：html head meta http-equiv=content-typecontent=text/html；charset=gb2312title ajax联动菜单/title script language=javascripttype=text/javascriptsrc=aa.js/script/head body form label select name=selid=selonchange=showmenu(this.value)；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 namesgb2312)；$str=select*fromfitment_sortwhere supid=0order byidasc；$result=mysql_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=sel2id=sel2onchange=showmenu2(this.value)option二级分类/option/select/label label select name=sel3id=sel3option三级分类/option/select/label/form input type=button value=send valueonclick=alert(document.getelementbyid(sel).optionsdocument.getelementbyid(sel).selectedindex.text+-+document.getelementbyid(sel2).optionsdocument.getelementbyid(sel2).selectedindex.text+-+document.getelementbyid(sel3).optionsdocument.getelementbyid(sel3).selectedindex.text)/body/html aa.js！-var xmlhttp var xmlhttp2/函数showmenu(str)-功能函数1 function showmenu(str)xmlhttp=getxmlhttpobject()/调用getxmlhttpobject()函数，创建xmlhttprequest对象if(xmlhttp=null)/如果创建失败，则alert(browser does not support http request)returnvar url=get2.php/定义url,其主要读取数据库url=url+?q=+str url=url+&sid=+math.random()/math对象的random方法，取随机数xmlhttp.onreadystatechange=statechanged/设置当xmlhttprequest对象xmlhttp状态改变时调用的函数,注意函数名后不要添加小括号xmlhttp.open(get,url,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)returnvar 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)/使用xmlhttprequest对象的open()方法,发送http请求/函数buildsel(),根据返回的的字串,重新构建新的下拉菜单控件select-功能函数2 function buildsel(str,sel)/先清空原来的数据.sel.options.length=0；/定义一个数组对象var arrstr=new array()；/以,号拆分传入的字串，并存入数组arrstr=str.split(,)；if(str.length 0)/循环for(var i=0；i arrstr.length；i+)var subarrstr=new array()；/以|拆分subarrstr=arrstri.split(|)；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属性值为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形式/document.getelementbyid(txthint).innerhtml=xmlhttp.responsetext buildsel(xmlhttp.responsetext,document.getelementsbytagname(*).sel2)showmenu2(document.getelementsbytagname(*).sel2.value)；/函数statechanged()-响应http请求状态变化function statechanged2()/判断xmlhttprequest对象的readystate属性值是否为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,/innerhtml为ie浏览器中的属性,可以用来更改标签间文本的内容,/xmlhttp.responsetext,通过xmlhttprequest的responsetext属性来获取数据responsetext,结果为字符串；responsexml,结果为xml形式/document.getelementbyid(txthint).innerhtml=xmlhttp.responsetext buildsel(xmlhttp2.responsetext,document.getelementsbytagname(*).sel3)/函数getxmlhttpobject()-创建xmlhttprequest对象,即创建一个异步调用对象function getxmlhttpobject()var xmlhttp=null；try/firefox,opera 8.0+,safari xmlhttp=new xmlhttprequest()；catch(e)/internet explorer tryxmlhttp=new activexobject(msxml2.xmlhttp)；catch(e)xmlhttp=new activexobject(microsoft.xmlhttp)；return xmlhttp；-get2.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 namesgb2312)；/如果传递过来q if($_getq)$strs=select*from fitment_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.；/echo$str；$re