剛開始接觸php，，其實對于一些比較深入的東西還不是很了解，就像是這次的省市區聯動，都是用三張表為基礎編碼的，原諒我的無知，謝謝。
接下來就是編碼部分了：
<?php
require('./smarty/Smarty.class.php');
date_default_timezone_set("PRC");
$conn = mysql_connect("localhost","root","123456");
mysql_select_db("dbcity");
mysql_query("set names utf8");$sql = " select pid,pname from province";
$result = mysql_query($sql,$conn);
while ($rs = mysql_fetch_assoc($result)){ $list[] = array("pid" => $rs["pid"],"pname" => $rs["pname"]);
}$sql2 = "select cid,cname from city where pid={$list[0]['pid']}";
$result2 = mysql_query($sql2,$conn);
while($rs2 = mysql_fetch_assoc($result2)){$list2[] = array("cname" => $rs2["cname"],"cid" =>$rs2["cid"]);
}$sql3 = "select xname,xid from xian where cid={$list2[0]['cid']}";
$result3 = mysql_query($sql3,$conn);
while($rs3 = mysql_fetch_assoc($result3)){$list3[] = array("xname" => $rs3["xname"]);
}$smarty = new Smarty();
$smarty->left_delimiter='<{';//左邊界符
$smarty->right_delimiter='}>';//右邊界符
$smarty ->assign("content",$list);
$smarty ->assign("name",$list2);
$smarty ->assign("xian",$list3);
$smarty ->display("show.html");?> 以上是為了從數據庫中把所有的先加載出來，主要就是用到smarty，數組。其他的都沒有什么可以深究的了，可以看到上面代碼的最后一句話就是為了跳轉到smarty的模板頁面show.html
接下來我們來共同看一下模板頁面的書寫代碼：
1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="UTF-8">5 <title>省市級聯</title>6 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>7 <script type="text/javascript">8 $(function(){9 $("#province").change(function() {
10 var province = $("#province").val();
11 alert(province);
12 $.ajax({
13 url: 'display.php',
14 type: 'GET',
15 data: {'category':'city', city:province},
16 dataType:'json',
17 success: function(data){
18 var content = '';
19 for (var i in data) {
20 content += '<option value='+data[i].cid+'>'+data[i].cname+'</option>';
21 }
22 $('#city').html(content);
23 }
24 }); // 'abc."$age".def'
25 });
26 $("#city").change(function(){
27 var city = $("#city").val();
28 alert(city);
29 $.ajax({
30 url:'assign.php',
31 type:'GET',
32 data:{'category':'xian',xian:city},
33 dataType:'json',
34 success:function(data){
35 var content = '';
36 for(var i in data){
37 content +='<option>'+data[i].xname+'</option>';
38 }
39 $('#xian').html(content);
40 }
41 })
42 })
43 })
44 </script>
45 </head>
46 <body>
47 選擇省份:<select name="province" id="province" style="width:100px;" οnclick="click" >
48 <{foreach from=$content key=k item=value}>
49 <option value="<{$value.pid}>"><{$value.pname}></option>
50 <{/foreach}>
51 </select> <br/>
52 選擇城市:<select name="city" id="city" style="width:100px;">
53
54 <{foreach from=$name item=value2}>
55 <option value="<{$value2.cid}>"><{$value2.cname}></option>
56 <{/foreach}>
57 </select><br/>
58 選擇縣城:<select name="xian" id="xian" style="width:100px;">
59
60 <{foreach from=$xian item=value3}>
61 <option><{$value3.xname}></option>
62 <{/foreach}>
63 </select><br/>
64 </body>
65 </html> 這里的命名不是規范，希望不要誤導大家，，大家在自己編寫代碼的時候還是要注意自己的編碼規范的。首先，我們可以看到“選擇省份”的select標簽，這里我們就是根據index.php頁面傳過來的數組利用foreach進行循環遍歷，遍歷出省份的id，省份名稱。在這里，省份的id是必不可少的，因為它牽扯到接下來select的change事件，所以一定要注意這個地方。接下來就是異步提交的ajax事件了，我們根據之前給select的id叫做province來做他的change事件，這里ajax大家就要自己對ajax進行學習了，其實，在php里面使用smarty模板引擎是為了將后臺代碼與前臺展示代碼分離開來，但是這里為了大家能夠看得仔細，所以將JavaScript代碼放在頁面里了，最好是在項目里面寫一個JavaScript腳本然后進行導入，有利于頁面的整潔，我們先看省份的ajax代碼，我們在它的url屬性里面讓它進入到display.php頁面，
so，接下來就是display頁面的代碼了
1 <?php2 date_default_timezone_set("PRC");3 $conn = mysql_connect("localhost","root","123456");4 mysql_select_db("dbcity");5 mysql_query("set names utf8");6 if($_GET['category']){ 7 if($_GET["category"] != "") {8 //根據省份得到城市9 $sql = "select cid,cname from city where pid=".$_GET['city'];
10 $result = mysql_query($sql,$conn);
11 if (mysql_num_rows($result) > 0) {
12 while ($row = mysql_fetch_assoc($result)) {
13 $str[] = array("cid"=>$row["cid"],"cname"=>($row["cname"]));
14 }
15 //var_dump($str);
16 echo (json_encode($str));
17 }
18 mysql_free_result($result);
19 }
20 }
21
22
23 ?> 在這里，我們使用GET方法獲取之前ajax傳過來的參數，獲取點擊省份時候的id，根據這個id來獲取這個省份下面的城市。當然了，之后的城市下面的區我們就顯而易見了，但是特別要注意的是要把城市的select標簽的value值獲取獲取出來，以便查詢它所管轄的區。
assign.php代碼如下
1 <?php2 date_default_timezone_set("PRC");3 $conn = mysql_connect("localhost","root","123456");4 mysql_select_db("dbcity");5 mysql_query("set names utf8");6 if($_GET['category']){7 if($_GET["category"] != "") {8 //根據省份得到城市9 $sql = "select xid,xname from xian where cid=".$_GET['xian'];
10 $result = mysql_query($sql,$conn);
11 if (mysql_num_rows($result) > 0) {
12 while ($row = mysql_fetch_assoc($result)) {
13 $str[] = array("id"=>$row["xid"],"xname"=>($row["xname"]));
14 }
15 //var_dump($str);
16 echo (json_encode($str));
17 }
18 mysql_free_result($result);
19 }
20 }
21 ?> 希望我的提示能夠對你有所幫助，謝謝！
