九热六视频在线观看免费,精品人妻无码一区二区三区GIF

創(chuàng)建select.php (代碼簡(jiǎn)陋，只是實(shí)現(xiàn)功能而已，說(shuō)明原理即可！)

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title>三級(jí)聯(lián)動(dòng)(作者：mckee - www.phpddt.com)</title> 5 <meta http-equiv="content-type"content="text/html; charset=UTF-8"/> 6 <script> 7 function createAjax(){ 8 var xmlHttp = false; 9 if (window.XMLHttpRequest){ 10 xmlHttp = new XMLHttpRequest(); 11 }else if(window.ActiveXObject){ 12 try{ 13 xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); 14 }catch(e){ 15 try{ 16 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 17 }catch(e){ 18 xmlHttp = false; 19 } 20 } 21 } 22 return xmlHttp; 23 } 24 25 var ajax = null; 26 function getCity(province_id){ 27 ajax = createAjax(); 28 ajax.onreadystatechange=function(){ 29 if(ajax.readyState == 4){ 30 if(ajax.status == 200){ 31 var cities = ajax.responseXML.getElementsByTagName("city"); 32 $('city').length = 0; 33 var myoption = document.createElement("option"); 34 myoption.value = ""; 35 myoption.innerText = "--請(qǐng)選擇城市--"; 36 $('city').appendChild(myoption); 37 for(var i=0;i<cities.length;i ){ 38 var city_id = cities[i].childNodes[0].childNodes[0].nodeValue; 39 var city_name = cities[i].childNodes[1].childNodes[0].nodeValue; 40 var myoption = document.createElement("option"); 41 myoption.value = city_id; 42 myoption.innerText = city_name; 43 $('city').appendChild(myoption); 44 } 45 } 46 } 47 } 48 49 ajax.open("post","selectPro.php",true); 50 ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 51 ajax.send("province_id=" province_id); 52 53 } 54 55 function getCounty(city_id){ 56 ajax = createAjax(); 57 ajax.onreadystatechange=function(){ 58 if(ajax.readyState == 4){ 59 if(ajax.status == 200){ 60 61 var cities = ajax.responseXML.getElementsByTagName("county"); 62 $('county').length = 0; 63 var myoption = document.createElement("option"); 64 myoption.value = ""; 65 myoption.innerText = "--請(qǐng)選擇縣--"; 66 $('county').appendChild(myoption); 67 for(var i=0;i<cities.length;i ){ 68 var city_id = cities[i].childNodes[0].childNodes[0].nodeValue; 69 var city_name = cities[i].childNodes[1].childNodes[0].nodeValue; 70 var myoption = document.createElement("option"); 71 myoption.value = city_id; 72 myoption.innerText = city_name; 73 $('county').appendChild(myoption); 74 } 75 } 76 } 77 } 78 ajax.open("post","selectPro.php",true); 79 ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 80 ajax.send("city_id=" city_id); 81 } 82 83 function $(id){ 84 return document.getElementById(id); 85 } 86 87 </script> 88 </head> 89 <body> 90 <form name="location"> 91 <select name="province" onchange="getCity(this.value)"> 92 <option value="">-- 請(qǐng)選擇省份--</option> 93 <?php 94 $conn = mysql_connect("localhost","root",""); 95 mysql_select_db("test"); 96 mysql_query("set names utf8"); 97 $sql = "select * from province"; 98 $result = mysql_query( $sql ); 99 while($res = mysql_fetch_assoc($result)){ 100 ?> 101 <option value="<?php echo $res['province_id']; ?>"><?php echo $res['province_name']?></option> 102 <?php 103 } 104 ?> 105 </select> 106 107 <select name="city" id="city" onChange="getCounty(this.value)"> 108 <option value="">--請(qǐng)選擇城市--</option> 109 </select> 110 111 <select name="county" id="county"> 112 <option value="">--請(qǐng)選擇縣--</option> 113 </select> 114 </form> 115 </body> 116 </html>

117 <?php 118 //禁止緩存(www.phpddt.com原創(chuàng)) 119 header("Content-type:text/xml; charset=utf-8"); 120 header("Cache-Control:no-cache"); 121 //數(shù)據(jù)庫(kù)連接 122 $conn = mysql_connect("localhost","root",""); 123 mysql_select_db("test"); 124 mysql_query("set names utf8"); 125 126 if(!empty($_POST['province_id'])){ 127 128 $province_id = $_POST['province_id']; 129 $sql = "select * from city where province_id = {$province_id}"; 130 $query = mysql_query($sql); 131 $info = "<province>"; 132 while($res = mysql_fetch_assoc($query)){ 133 $info .= "<city>"; 134 $info .= "<city_id>".$res['city_id']."</city_id>"; 135 $info .= "<city_name>".$res['city_name']."</city_name>"; 136 $info .= "</city>"; 137 } 138 $info .= "</province>"; 139 echo $info; 140 } 141 142 if(!empty($_POST['city_id'])){ 143 144 $city_id = $_POST['city_id']; 145 $sql = "select * from county where city_id = {$city_id}"; 146 $query = mysql_query($sql); 147 $info = "<city>"; 148 while($res = mysql_fetch_assoc($query)){ 149 $info .= "<county>"; 150 $info .= "<county_id>".$res['county_id']."</county_id>"; 151 $info .= "<county_name>".$res['county_name']."</county_name>"; 152 $info .= "</county>"; 153 } 154 $info .= "</city>"; 155 echo $info; 156 } 157 ?>

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享網(wǎng)絡(luò)內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-62778877-8306；郵箱：fanjiao@west.cn。本站原創(chuàng)內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明出處：西部數(shù)碼知識(shí)庫(kù) » ajax php如何實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)

<button id="ew00i"></button><sup id="ew00i"><optgroup id="ew00i"></optgroup></sup>

<center id="ew00i"></center><center id="ew00i"><dd id="ew00i"></dd></center>

熱門搶注

熱門競(jìng)價(jià)

推薦一口價(jià)

猜你還會(huì)喜歡下面的內(nèi)容

熱門標(biāo)簽

大家感興趣的內(nèi)容

切換注冊(cè)登錄

切換登錄注冊(cè)