利用ASP巢狀JS+SQL Server打造兩級連動下拉框(一) (轉)

利用ASP巢狀JS+SQL Server打造兩級連動下拉框(一) (轉)[@more@]

利用巢狀JS+ SERVER打造兩級連動下拉框（1）:namespace prefix = o ns = "urn:schemas--com::office" />

 

隨著技術的迅速發展，越來越多的電子商務網站也應運而生。而在構建一個功能強大的電子商務網站往往少不了提供網上註冊功能給客戶自行註冊這個模組，為了儘可能方便客戶填寫資訊，我們經常要用到下拉框供客戶選擇，特別是兩級連動下拉框最為常用。

再說，本人今日發現CSDN論壇上也經常有網友提問這個問題，就是，需要一個兩級連動下拉框，第一個顯示省份名稱，第二個顯示相應的城市名。為了解答這個問題，我特別寫這篇文章，希望能對需要這方面資料的網友有所幫助。

首先，我們先來設計（ 7.0）

●  資料庫名：_ProvinceCat

●  表名：1）Tb_Province  2）Tb_City

說明：表Tb_Province用來存放省份名稱；表Tb_City用來存放相應的城市名稱。

●  欄位名的設計

1）  表Tb_Province的欄位有省份ID號（ProvinceCatID）、省份程式碼（ProvinceCode）、省份名稱（ProvinceName），表1給出了示例：

ProvinceCatID  ProvinceCode  ProvinceName

1 01  北京市

2 02   上海市

3  03  天津市

4  04  重慶市

5  05  廣東省

6  06  浙江省

7  07  福建省

8  08  海南省

9  09  江蘇省

表1

2）  表Tb_City的欄位有城市ID號（CityID）、城市程式碼（CityCode）、城市名稱（CityName），表2給出了示例：

CityID  CityCode  CityName

1  01001  北京市

2  02001  上海市

3  03001  天津市

4  04001  重慶市

5  05001  廣州市

6  05002  深圳市

7  05003  珠海市

8  05004  茂名市

9  05005  中山市

10  06001  杭州市

11  06002  溫州市

12  07001  福州市

13  07002  廈門市

14  08001  海口市

15  08002   三亞市

16  08003  萬寧市

17  08004  五指山市

18  09001  南京市

19  09002  蘇州市

表2

說明：這裡要注意的一點就是，身份程式碼要對應城市程式碼的頭兩位。

其次，寫程式碼。下面是一個完整的：

 

(未完待續)