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

來源:互聯網
上載者:User
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

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

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

 

(未完待續)

 



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。