php實(shí)現(xiàn)三級(jí)級(jí)聯(lián)下拉框
來(lái)源：易賢網(wǎng) 閱讀：1302 次 日期：2016-08-26 15:18:38
溫馨提示：易賢網(wǎng)小編為您整理了“php實(shí)現(xiàn)三級(jí)級(jí)聯(lián)下拉框”,方便廣大網(wǎng)友查閱！

這是我在網(wǎng)上查找到的php實(shí)現(xiàn)三級(jí)級(jí)聯(lián)下拉框的資料，共享個(gè)大家，大家一起進(jìn)步，具體內(nèi)容如下

index.php:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>Ajax聯(lián)動(dòng)菜單</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>一級(jí)分類</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>二級(jí)分類</option>

 </select>

</label>

<label>

<select name="sel3" id="sel3">

 <option>三級(jí)分類</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對(duì)象

if (xmlHttp==null)        //如果創(chuàng)建失敗，則 alert ("Browser does not support HTTP Request")

 return

var url="get2.php"        //定義url , 其主要讀取數(shù)據(jù)庫(kù)

url=url+"?q="+str

url=url+"&sid="+Math.random()  //Math對(duì)象的random方法，取隨機(jī)數(shù)

xmlHttp.onreadystatechange=stateChanged //設(shè)置當(dāng)XMLHttpRequest對(duì)象xmlHttp狀態(tài)改變時(shí)調(diào)用的函數(shù),注意函數(shù)名后不要添加小括號(hào)

xmlHttp.open("GET",url,true)  //使用XMLHttpRequest對(duì)象的open()方法 , 創(chuàng)建HTTP請(qǐng)求

xmlHttp.send(null)        //使用XMLHttpRequest對(duì)象的open()方法 , 發(fā)送HTTP請(qǐng)求

}

//函數(shù)showMenu(str) - 功能函數(shù)1

function showMenu2(str)

{

xmlHttp2=GetXmlHttpObject()    //調(diào)用GetXmlHttpObject()函數(shù)，創(chuàng)建XMLHttpRequest對(duì)象

if (xmlHttp2==null)        //如果創(chuàng)建失敗，則 alert ("Browser does not support HTTP Request")

 return

var url="get2.php"        //定義url , 其主要讀取數(shù)據(jù)庫(kù)

url=url+"?q2="+str

url=url+"&sid="+Math.random()  //Math對(duì)象的random方法，取隨機(jī)數(shù)

xmlHttp2.onreadystatechange=stateChanged2 //設(shè)置當(dāng)XMLHttpRequest對(duì)象xmlHttp狀態(tài)改變時(shí)調(diào)用的函數(shù),注意函數(shù)名后不要添加小括號(hào)

xmlHttp2.open("GET",url,true)  //使用XMLHttpRequest對(duì)象的open()方法 , 創(chuàng)建HTTP請(qǐng)求

xmlHttp2.send(null)        //使用XMLHttpRequest對(duì)象的open()方法 , 發(fā)送HTTP請(qǐng)求

}

//函數(shù)BuildSel() , 根據(jù)返回的的字串 , 重新構(gòu)建新的下拉菜單控件Select - 功能函數(shù)2

function BuildSel(str,sel)   //先清空原來(lái)的數(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請(qǐng)求狀態(tài)變化

function stateChanged() //判斷XMLHttpRequest對(duì)象的readyState屬性值是否為4,如果為4表示異步調(diào)用完成(注意:異步調(diào)用完成 不代表 異步調(diào)用成功)

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") //如果異步調(diào)用成功 --> XMLHttpRequest對(duì)象的status屬性值為200 , html文件在本地運(yùn)行,則xmlHttp.status的返回值為0,故應(yīng)該加上x(chóng)mlHttp.status==0

 if(xmlHttp.status==200 || xmlHttp.status==0)     //調(diào)用文檔對(duì)象模型DOM的getElementById()方法查找html文件中的標(biāo)簽txtHint ,

     //innerHTML為IE瀏覽器中的屬性,可以用來(lái)更改標(biāo)簽間文本的內(nèi)容 ,

     //xmlHttp.responseText , 通過(guò)XMLHttpRequest的responseText屬性來(lái)獲取數(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請(qǐng)求狀態(tài)變化

function stateChanged2() //判斷XMLHttpRequest對(duì)象的readyState屬性值是否為4,如果為4表示異步調(diào)用完成(注意:異步調(diào)用完成 不代表 異步調(diào)用成功)

if (xmlHttp2.readyState==4 || xmlHttp2.readyState=="complete") //如果異步調(diào)用成功 --> XMLHttpRequest對(duì)象的status屬性值為200 , html文件在本地運(yùn)行,則xmlHttp.status的返回值為0,故應(yīng)該加上x(chóng)mlHttp.status==0

 if(xmlHttp2.status==200 || xmlHttp2.status==0)     //調(diào)用文檔對(duì)象模型DOM的getElementById()方法查找html文件中的標(biāo)簽txtHint ,

     //innerHTML為IE瀏覽器中的屬性,可以用來(lái)更改標(biāo)簽間文本的內(nèi)容 ,

     //xmlHttp.responseText , 通過(guò)XMLHttpRequest的responseText屬性來(lái)獲取數(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對(duì)象,即創(chuàng)建一個(gè)異步調(diào)用對(duì)象

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'");

//如果傳遞過(guò)來(lái)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); }

//如果傳遞過(guò)來(lái)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實(shí)現(xiàn)三級(jí)級(jí)聯(lián)下拉框的相關(guān)代碼，希望對(duì)大家學(xué)習(xí)php程序設(shè)計(jì)有所幫助。

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址：php實(shí)現(xiàn)三級(jí)級(jí)聯(lián)下拉框
由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考，敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢?yōu)闇?zhǔn)！
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào)：滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào)：云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證：（云）人服證字（2023）第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話：0871-65317125（9:00—18:00） 獲取招聘考試信息及咨詢關(guān)注公眾號(hào)：hfpxwx
咨詢QQ：526150442（9:00—18:00）版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)