欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET实现省市联动

程序员文章站 2024-01-16 15:53:53
a>使用的软件是vs2017和sqlServer2012,使用的ASP.NET控件是sqlDataSource、dropDownlist和UpdatePanel. b>打开sqlServer,以window身份验证登录,建立省份表与市区表,如图1.1和图1.2 图1.1 省份表 图1.2 市区表 c ......

a>使用的软件是vs2017和sqlserver2012,使用的asp.net控件是sqldatasource、dropdownlist和updatepanel.

b>打开sqlserver,以window身份验证登录,建立省份表与市区表,如图1.1和图1.2

ASP.NET实现省市联动     ASP.NET实现省市联动

                图1.1 省份表                                          图1.2 市区表

c>在工具箱中找到scripmanager控件并差插入,然后在scriptmanager后面拆入updatepanel控件,然后在updatepanel内部

插入两个dropdownlist控件,最后要像图1.3这样

ASP.NET实现省市联动

                  图1.3 显示成这样

d>绑定dropdownlis的数据,如图1.4这样,然后去选择数据源头,注意勾选第一个dropdownlits的autopostback.

ASP.NET实现省市联动

                  图1.4 dropdownlist

e>之后请按照下图的顺序,都比较简单滴.

ASP.NET实现省市联动

ASP.NET实现省市联动

ASP.NET实现省市联动

在这里可以查看你的数据库服务器名称

ASP.NET实现省市联动

填好服务器名称和相关的数据库

ASP.NET实现省市联动

勾选连接字符串,这样下次还可以用这来连接你的这个数据库

ASP.NET实现省市联动

选择省份表的省份名称和它的标号

ASP.NET实现省市联动

可以测试查询来看看查询的结果

ASP.NET实现省市联动

这里用户看到的是prov,它的标记是provid.

对于第二个dropdownlist其他都一样的,但是在这里要注意去选择下图的这个where去根据省份来查询市

ASP.NET实现省市联动

ASP.NET实现省市联动

这里去查询和已经选择的省分的标记相同的市区,然后点击添加,然后确定,就ok了.

 

ASP.NET实现省市联动

然后这样选择,这里用户看到的是city,而实际我们要用来和省份联动的标记就是这个cityid

ASP.NET实现省市联动

然后设计视图像这样的就ok了,然后可以运行来测试一下.

ASP.NET实现省市联动

好了这样就仅仅通过asp.net的强大的控件就实现了省市联动,不得不感叹asp.net的牛逼之处...