DropDownList和ListBox实现两级联动功能,它们可以将从后台数据库中搜选的出来的信息加以绑定,这里要实现的功能是在DropDownList中选择“省”,然后让ListBox自动将其省份下的“市”显示出来,这就是所谓的两级联动功能,这个功能我们在很多注册网页上看见,今天就为大家解开ASP.NET神秘的面纱。
一、设置前台界面,在Web窗体中添加DropDownList和ListBox两个控件。
界面图如下所示。
二、编写后台代码
在这,后台代码编写在其窗体的Page_Load事件中
<span style="font-family:KaiTi_GB2312;font-size:18px;"> protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack ) //判断页面是否第一次加载 { SqlConnection con = DB.createConnection(); //此方法在上一篇文章中已经介绍,调用一个已经编写好的创建数据库连接的方法。 SqlCommand cmd = new SqlCommand("select * from province",con); SqlDataReader sdr = cmd.ExecuteReader(); this.DropDownList1.DataTextField = "proName"; this.DropDownList1.DataValueField = "proID"; //主键字段 this.DropDownList1.DataSource = sdr; this.DropDownList1.DataBind(); sdr.Close(); } }</span>
编写DropDownList1_SelectedIndexChanged事件代码,实现单击“省”,ListBox自动添加该“省”所具有的“市”
<span style="font-family:KaiTi_GB2312;font-size:18px;"> protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) { this.ListBox1.Items.Clear(); SqlConnection con2 = DB.createConnection(); SqlCommand cmd1 = new SqlCommand("select * from city where proID=" + this.DropDownList1.SelectedValue, con2); SqlDataReader sdr1 = cmd1.ExecuteReader(); while (sdr1.Read()) { this.ListBox1.Items.Add(new ListItem(sdr1.GetString(2),sdr1.GetInt32(0).ToString())); } }</span>
运行文件,效果图如下所示
这里河北省的城市我没有添加完整,只是为了实现两级联动的功能,相比前两篇文章中Web控件GridView和Repeater的使用,GridView和Repeater功能虽然是相当强大,但是不同的控件有不同的用途,在这里,杀鸡焉用牛刀?
本文向大家介绍Yii2使用dropdownlist实现地区三级联动功能的方法,包括了Yii2使用dropdownlist实现地区三级联动功能的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Yii2使用dropdownlist实现地区三级联动功能的方法。分享给大家供大家参考,具体如下: 视图部分: 模型部分: 就是我们常用的ajax请求,当然php中需要直接组合成<option val
本文向大家介绍asp.net实现DropDownList,TreeView,ListBox的无限极分类目录树,包括了asp.net实现DropDownList,TreeView,ListBox的无限极分类目录树的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了asp.net实现DropDownList,TreeView,ListBox的无限极分类目录树。分享给大家供大家参考,具体如下: 更多
本文向大家介绍JavaScript实现的级联算法示例【省市二级联动功能】,包括了JavaScript实现的级联算法示例【省市二级联动功能】的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现的级联算法。分享给大家供大家参考,具体如下: 使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试
问题内容: 我在我的项目之一,我只是不能断定从哪里开始寻找想法,但实施自动注销功能 SO 。 我需要的是,如果用户会话已过期,应用程序会将用户重定向到登录页面。请告诉我解决该要求的方法是什么。 问题陈述: 如果用户在任何给定的登录实例中离开系统超过n分钟,则系统应自动将其注销。 问题答案: 这是通过以下方式实现的: 1)将每个请求(服务器和ajax(不包括会话检查ajax请求)到服务器的时间戳)保
本文向大家介绍.net中实现listBox左右移动,包括了.net中实现listBox左右移动的使用技巧和注意事项,需要的朋友参考一下 今天用到listbox左右移动在网上找了一个,网友分享出来的,感觉不错,这里推荐给大家 以上所述就是本文的全部内容了,希望对大家熟练使用listbox能够有所帮助。
我有一个网页与两个使用级联。第一个是州,第二个是城市。当您选择一个州时,您可以从第二个中选择城市。如果我用鼠标挑选它们,这工作得非常好。 问题是,当我试图将一些数据绑定到这些DropDownList时,状态更新了,但城市没有更新。 这是我的页面的HTML: 这就是JavaScript: 如果我使用以下代码绑定数据: 除非州已经包含值,否则它不会将设置为。 似乎使用不会在State中触发事件,然后C
本文向大家介绍js实现HTML中Select二级联动的实例,包括了js实现HTML中Select二级联动的实例的使用技巧和注意事项,需要的朋友参考一下 效果图 选择后 js代码 页面代码 以上这篇js实现HTML中Select二级联动的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。
本文向大家介绍微信小程序实现的picker多级联动功能示例,包括了微信小程序实现的picker多级联动功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了微信小程序实现的picker多级联动功能。分享给大家供大家参考,具体如下: wxml部分: js部分: php后台部分: 另外,本站在线工具小程序上的天气查询、车牌号归属地查询以及阴历阳历转换等工具就采用了联动查询功能,感兴趣的朋友可