利用ASP嵌套JS+SQL Server打造兩級連動下拉框(一)

js|server|下拉

利用ASP嵌套JS+SQL Server打造兩級連動下拉框（1）

 

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

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

首先，我們先來設計資料庫（SQL Server 7.0）

●     資料庫名：DB_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

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

其次，寫代碼。下面是一個完整的原始碼：

 

(未完待續)