php實現(xiàn)三級級聯(lián)下拉框
更新時間：2016年04月17日 14:35:31 投稿：lijiao
這篇文章主要介紹了php實現(xiàn)三級級聯(lián)下拉框,上網(wǎng)翻找了許多三級級聯(lián)下拉框?qū)崿F(xiàn)的資料，下面分享給大家
這是我在網(wǎng)上查找到的php實現(xiàn)三級級聯(lián)下拉框的資料，共享個大家，大家一起進(jìn)步，具體內(nèi)容如下
index.php:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ajax聯(lián)動菜單</title>
<script language="javascript" type="text/javascript" src="aa.js"></script>
</head>
<body>
<form>
<label>
<select name="sel" id="sel" onChange="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 ('Can\'t use database : ' . mysql_error());
mysql_query("set names 'gb2312'");
$str = "SELECT * FROM `fitment_sort` where supid = '0' ORDER BY `id` ASC";
$result = mysql_query($str) or die("Invalid query: " . mysql_error());
if($result) while ($arr = mysql_fetch_array($result)){
echo <<<EOD
<option value={$arr["id"]}>{$arr["name"]}</option>
EOD; }
mysql_close($conn);
?>
</select>
</label>
<label>
<select name="sel2" id="sel2" onChange="showMenu2(this.value)">
<option>二級分類</option>
</select>
</label>
<label>
<select name="sel3" id="sel3">
<option>三級分類</option>
</select>
</label>
</form>
<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)">
</body>
</html>
aa.js
<!--
var xmlHttp
var xmlHttp2
//函數(shù)showMenu(str) - 功能函數(shù)1
function showMenu(str) xmlHttp=GetXmlHttpObject() //調(diào)用GetXmlHttpObject()函數(shù)，創(chuàng)建XMLHttpRequest對象
if (xmlHttp==null) //如果創(chuàng)建失敗，則 alert ("Browser does not support HTTP Request")
return
var url="get2.php" //定義url , 其主要讀取數(shù)據(jù)庫
url=url+"?q="+str
url=url+"&sid="+Math.random() //Math對象的random方法，取隨機(jī)數(shù)
xmlHttp.onreadystatechange=stateChanged //設(shè)置當(dāng)XMLHttpRequest對象xmlHttp狀態(tài)改變時調(diào)用的函數(shù),注意函數(shù)名后不要添加小括號
xmlHttp.open("GET",url,true) //使用XMLHttpRequest對象的open()方法 , 創(chuàng)建HTTP請求
xmlHttp.send(null) //使用XMLHttpRequest對象的open()方法 , 發(fā)送HTTP請求
}
//函數(shù)showMenu(str) - 功能函數(shù)1
function showMenu2(str)
{
xmlHttp2=GetXmlHttpObject() //調(diào)用GetXmlHttpObject()函數(shù)，創(chuàng)建XMLHttpRequest對象
if (xmlHttp2==null) //如果創(chuàng)建失敗，則 alert ("Browser does not support HTTP Request")
return
var url="get2.php" //定義url , 其主要讀取數(shù)據(jù)庫
url=url+"?q2="+str
url=url+"&sid="+Math.random() //Math對象的random方法，取隨機(jī)數(shù)
xmlHttp2.onreadystatechange=stateChanged2 //設(shè)置當(dāng)XMLHttpRequest對象xmlHttp狀態(tài)改變時調(diào)用的函數(shù),注意函數(shù)名后不要添加小括號
xmlHttp2.open("GET",url,true) //使用XMLHttpRequest對象的open()方法 , 創(chuàng)建HTTP請求
xmlHttp2.send(null) //使用XMLHttpRequest對象的open()方法 , 發(fā)送HTTP請求
}
//函數(shù)BuildSel() , 根據(jù)返回的的字串 , 重新構(gòu)建新的下拉菜單控件Select - 功能函數(shù)2
function BuildSel(str,sel) //先清空原來的數(shù)據(jù).
sel.options.length=0; var arrstr = new Array(); arrstr = str.split(",");
if(str.length>0) //循環(huán)
for(var i=0;i<arrstr.length;i++) var subarrstr=new Array(); subarrstr=arrstr[i].split("|");
sel.options.add(new Option(subarrstr[1],subarrstr[0])); sel.options[0].selected=true; }
//函數(shù)stateChanged() - 響應(yīng)HTTP請求狀態(tài)變化
function stateChanged() //判斷XMLHttpRequest對象的readyState屬性值是否為4,如果為4表示異步調(diào)用完成(注意:異步調(diào)用完成 不代表 異步調(diào)用成功)
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") //如果異步調(diào)用成功 --> XMLHttpRequest對象的status屬性值為200 , html文件在本地運行,則xmlHttp.status的返回值為0,故應(yīng)該加上xmlHttp.status==0
if(xmlHttp.status==200 || xmlHttp.status==0) //調(diào)用文檔對象模型DOM的getElementById()方法查找html文件中的標(biāo)簽txtHint ,
//innerHTML為IE瀏覽器中的屬性,可以用來更改標(biāo)簽間文本的內(nèi)容 ,
//xmlHttp.responseText , 通過XMLHttpRequest的responseText屬性來獲取數(shù)據(jù) responseText,結(jié)果為字符串;responseXML,結(jié)果為XML形式
// document.getElementByIdx_x_xx_x_xx("txtHint").innerHTML=xmlHttp.responseText
BuildSel(xmlHttp.responseText,document.getElementsByTagName_r("*").sel2)
showMenu2(document.getElementsByTagName_r("*").sel2.value); }
}
//函數(shù)stateChanged() - 響應(yīng)HTTP請求狀態(tài)變化
function stateChanged2() //判斷XMLHttpRequest對象的readyState屬性值是否為4,如果為4表示異步調(diào)用完成(注意:異步調(diào)用完成 不代表 異步調(diào)用成功)
if (xmlHttp2.readyState==4 || xmlHttp2.readyState=="complete") //如果異步調(diào)用成功 --> XMLHttpRequest對象的status屬性值為200 , html文件在本地運行,則xmlHttp.status的返回值為0,故應(yīng)該加上xmlHttp.status==0
if(xmlHttp2.status==200 || xmlHttp2.status==0) //調(diào)用文檔對象模型DOM的getElementById()方法查找html文件中的標(biāo)簽txtHint ,
//innerHTML為IE瀏覽器中的屬性,可以用來更改標(biāo)簽間文本的內(nèi)容 ,
//xmlHttp.responseText , 通過XMLHttpRequest的responseText屬性來獲取數(shù)據(jù) responseText,結(jié)果為字符串;responseXML,結(jié)果為XML形式
// document.getElementByIdx_x_xx_x_xx("txtHint").innerHTML=xmlHttp.responseText
BuildSel(xmlHttp2.responseText,document.getElementsByTagName_r("*").sel3) }
}
//函數(shù)GetXmlHttpObject() - 創(chuàng)建XMLHttpRequest對象,即創(chuàng)建一個異步調(diào)用對象
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
<?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 ('Can\'t use database : ' . mysql_error());
mysql_query("set names 'gb2312'");
//如果傳遞過來q
if($_GET["q"]){
$strs = "SELECT * FROM fitment_sort WHERE supid=' ".$_GET["q"]."' ";
//echo $str;
$results = mysql_query($strs) or die("Invalid query: " . mysql_error());
if($results) while ($arrs = mysql_fetch_array($results)){
$strings .= $arrs["id"]."|".$arrs["name"].","; }
echo substr($strings,0,strlen($strings)-1); }
//如果傳遞過來q2
if($_GET["q2"]){
$str = "SELECT * FROM fitment_sort WHERE supid= '".$_GET["q2"]."'";
//echo $str;
$result = mysql_query($str) or die("Invalid query: " . mysql_error());
if($result) while ($arr = mysql_fetch_array($result)){
$string .= $arr["id"]."|".$arr["name"].","; } echo substr($string,0,strlen($string)-1); }
mysql_close($conn);
?>
以上就是php實現(xiàn)三級級聯(lián)下拉框的相關(guān)代碼，希望對大家學(xué)習(xí)php程序設(shè)計有所幫助。
相關(guān)文章
NOD32 v2.70.32 簡體中文封裝版 提供下載了...2007-02-02
這篇文章主要介紹了php簡單實現(xiàn)快速排序的方法,涉及php針對數(shù)組與字符串的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了如何用 PHP 和 Xunsearch 搭配,快速打造一個又快又準(zhǔn)的歌曲搜索功能,讓用戶的體驗直線上升,感興趣的可以了解下2024-11-11
2009-06-06
這篇文章主要介紹了PHP實現(xiàn)的構(gòu)造sql語句類,結(jié)合實例形式分析了PHP針對常用SQL語句的動態(tài)構(gòu)造與生成技巧,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了PHP使用token防止表單重復(fù)提交的方法,通過生成一個加密后的隨機(jī)數(shù)存入session的token變量,同時將該值放入表單隱藏提交,達(dá)到防止表單重復(fù)提交的功能,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了PHP使用GD庫輸出漢字的方法,結(jié)合實例形式較為詳細(xì)的分析了php使用GD庫進(jìn)行圖形繪制與漢字輸出的相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了php遍歷、讀取文件夾中圖片并分頁顯示圖片的方法,涉及php針對文件與目錄的遍歷操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
PHP函數(shù)之error_reporting(E_ALL ^ E_NOTICE)詳細(xì)說明
在看帝國cms的connect.php是發(fā)現(xiàn)第一句是error_reporting(E_ALL ^ E_NOTICE);以前也沒注意過這個語句，知道是設(shè)置錯誤提示的，但不清楚具體怎樣設(shè)置使用。下面從網(wǎng)上摘抄了些東西，總結(jié)了一下。2011-07-07
本篇文章主要是對PHP中COOKIE及時生效的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02