在網頁開發過程中,選擇省市的時候,省市之間有關聯,這是乙個小小的二級聯動案例 ,運用到html、css、php、js以及
ajax的非同步請求
首先建立city.php和province.php檔案和connet.html,將二級聯動的大概結構寫出來,html**如下:
省份:請選擇
城市:請選擇
js**以及ajax請求如下:
// 通過ajax從伺服器端獲取資料
province.php**如下:
// 將省份資訊進行響應
echo '吉林省,遼寧省,山東省';
city.php**如下:
// 1. 接收客戶端的請求資料
$province = $_post['province'];
// 2. 根據省份的不同,提供不同的城市
switch ($province){
case '吉林省':
echo '長春市,松原市,白山市,通化市,遼源市';
break;
case '遼寧省':
echo '瀋陽市,大連市,錦州市,鐵嶺市,丹東市';
break;
case '山東省':
echo '濟南市,青島市,威海市,日照市,德州市';
break;
最終的介面圖如下:
easyui省市二級聯動
easyui省市二級聯動 1 html 所屬區域 2 js 3 php todo 得到省市資訊,根據引數pid是否存在判斷是省還是市 public function getprovincecityaction else else arealist marea getlist where,id,nam...
js 省市二級聯動
bootstrap jquery 省市二級聯動 html panel panel default panel body h2 id selectprovince province1 遼寧省 option province2 selected 吉林省 option province3 黑龍江省 opt...
中國省市 Json 二級聯動
json資料 var cities cshtml select style width auto select select name city style width auto select jquery 根據城市獲取省份 function getstate city 設定省份和城市下拉框的值 f...