如何在不刷新页面的情况下实现呢？急急！！！

本人在工作当中想在同一个页面上实现如下的情况：

当用户在下拉框中选取省份名称时，对应的该省的城市也出现在另一下拉框中，我如何写代码还在在数据库中要如何关联呢？谢谢！

---------------------------------------------------------------

http://expert.csdn.net/Expert/topicview.asp?id=1294021
http://go2aspcool.51.net/club/replan.php?boardid=1&planid=7101

---------------------------------------------------------------

参考我的无刷新连动
http://expert.csdn.net/Expert/topic/1687/1687993.xml?temp=.4326746
---------------------------------------------------------------

一个方法,用IFRAME实现
例子:

 1<select id="MemberInfo"><option value="0">清选择</option>
 2<iframe id="iframeGetInfo" name="iframeGetInfo" style="display:none"></iframe>
 3<a id="LinkGetInfo" name="LinkGetInfo" target="iframeGetInfo"></a>   
 4  
 5sub selMerber_onClick()   
 6LinkGetInfo.href ="LoadInfo.asp&amp;rnd" &amp; cstr(rnd()) &amp; "=" &amp; cstr(rnd())   
 7LinkGetInfo.click   
 8end sub   
 9  
10'添加选择项   
11sub AddSelectOption(byref SelectName,byval varValue,byval varText)   
12dim objOption   
13set objSelectName=window.document.all(SelectName)   
14set objOption=document.createElement("OPTION")   
15objOption.value=varValue   
16objOption.text=varText   
17objSelectName.add objoption   
18end sub   
19  
20  
21后台LoadInfo.asp内容   
22

@ Language=VBScript

1<html>
2<head>
3<meta content="no-cache" http-equiv="Pragma"/>
4<meta content="no-cache" http-equiv="Cache-Control"/>
5<meta content="0" http-equiv="Expires"/>
6<meta content="Microsoft Visual Studio 6.0" name="GENERATOR"/>
7<title>加载所有成员</title>
8</head>   
9

on error resume next
Err.Clear

'创建数据连接DataCn

strSql="select * from xxx"
SET rsMerberInfo=DataCn.ExeCute(strSql)
while not rsMerberInfo.eof

MemberMC=rsMerberInfo.fields("MemberMC")
MemberID=rsMerberInfo.fields("MemberID")
Response.Write "call window.parent.AddSelectOption(" & chr(34) & "MemberInfo" & chr(34) & "," & MemberMC & "," & chr(34) & MemberID & chr(34) & ")" & chr(13)

rsMerberInfo.MoveNext
Wend

 1
 2
 3</html>   
 4  
 5注意的是MemberInfo是列表框的ID   
 6同样加上参数控制可以在页面不刷新的情况下实现多元化的动态数据获取   
 7  
 8\---------------------------------------------------------------   
 9  
10利用ASP嵌套JS+SQL Server打造两级连动下拉框   
11  
12随着网络技术的迅速发展，越来越多的电子商务网站也应运而生。而在构建一个功能强大的电子商务网站往往少不了提供网上注册功能给客户自行注册这个模块，为了尽可能方便客户填写信息，我们经常要用到下拉框供客户选择，特别是两级连动下拉框最为常用。   
13再说，本人今日发现CSDN论坛上也经常有网友提问这个问题，就是，需要一个两级连动下拉框，第一个显示省份名称，第二个显示相应的城市名。为了解答这个问题，我特别写这篇文章，希望能对需要这方面资料的网友有所帮助。   
14首先，我们先来设计数据库（SQL Server 7.0）   
15● 数据库名：DB_ProvinceCat   
16● 表名：1）Tb_Province 2）Tb_City   
17说明：表Tb_Province用来存放省份名称；表Tb_City用来存放相应的城市名称。   
18● 字段名的设计   
191） 表Tb_Province的字段有省份ID号（ProvinceCatID）、省份代码（ProvinceCode）、省份名称（ProvinceName），表1给出了示例：   
20ProvinceCatID ProvinceCode ProvinceName   
211 01 北京市   
222 02 上海市   
233 03 天津市   
244 04 重庆市   
255 05 广东省   
266 06 浙江省   
277 07 福建省   
288 08 海南省   
299 09 江苏省   
30表1   
312） 表Tb_City的字段有城市ID号（CityID）、城市代码（CityCode）、城市名称（CityName），表2给出了示例：   
32CityID CityCode CityName   
331 01001 北京市   
342 02001 上海市   
353 03001 天津市   
364 04001 重庆市   
375 05001 广州市   
386 05002 深圳市   
397 05003 珠海市   
408 05004 茂名市   
419 05005 中山市   
4210 06001 杭州市   
4311 06002 温州市   
4412 07001 福州市   
4513 07002 厦门市   
4614 08001 海口市   
4715 08002 三亚市   
4816 08003 万宁市   
4917 08004 五指山市   
5018 09001 南京市   
5119 09002 苏州市   
52表2   
53说明：这里要注意的一点就是，身份代码要对应城市代码的头两位。   
54其次，写代码。下面是一个完整的源代码：   
55TwoLevel.asp   
56<html>
57<head>
58<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
59<meta content="Microsoft FrontPage 4.0" name="GENERATOR"/>
60<meta content="FrontPage.Editor.Document" name="ProgId"/>
61<title>下拉列表示例</title>
62</head>   
63  
64&lt;%   
65dim conn   
66dim connstr   
67on error resume next   
68set conn=server.CreateObject("ADODB.connection")   
69connstr="driver={SQL Server};server=wen;uid=sa;pwd=;database=DB_ProvinceCat"   
70conn.Open connstr   
71  
72set Rs=server.createobject("ADODB.recordset")   
73Rs.CursorLocation = adUseClient   
74SQL="Select * from Tb_Province"   
75Rs.open SQL,conn,1,1   
76if Not Rs.Eof then   
77Dim strJScript   
78strJScript=""   
79Response.Write("<script language="JavaScript"></script></html></select>