用DropDownList实现的省市级三级联动

这是一个用DropDownList 实现的省市级三级联动,记录一下········


 <asp:ScriptManager ID="ScriptManager1" runat="server">/asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
                         <ContentTemplate>
					<p><span class="redcolor">* </span>选择地区:
                                                <asp:DropDownList ID="ProvinceSelect" AutoPostBack="True"  runat="server" OnSelectedIndexChanged="GetCityName_onClick">
						</asp:DropDownList>

						<asp:DropDownList runat="server" ID="CitySelect" AutoPostBack="True" OnSelectedIndexChanged="Getcounty_OnClick"  >
						</asp:DropDownList>

						<asp:DropDownList   AutoPostBack="True" runat="server" ID="County">
						</asp:DropDownList>
					</p>
                       </ContentTemplate>
                         <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="ProvinceSelect" EventName="SelectedIndexChanged" />
                        </Triggers></asp:UpdatePanel>

后台代码:

protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                ProvinceSelect.DataSource = BFL.GetPrivoces();
                ProvinceSelect.DataTextField = "RegionName";
                ProvinceSelect.DataValueField = "RegionId";
                ProvinceSelect.DataBind();
                ProvinceSelect.Items.Insert(0, new ListItem("请选择", string.Empty));
                CitySelect.Items.Insert(0, new ListItem("请选择", string.Empty));
                County.Items.Insert(0, new ListItem("请选择", string.Empty));
            }
        }
        #region 省市县数据绑定
        //市级绑定
        public void GetCityName_onClick(object sender, EventArgs e)
        {
            CitySelect.DataSource = BFL.GetCitys(int.Parse(ProvinceSelect.SelectedItem.Value));
            CitySelect.DataTextField = "RegionName";
            CitySelect.DataValueField = "RegionId";
            CitySelect.DataBind();
            County.Items.Insert(0, new ListItem("请选择", string.Empty));
        }
        //县级绑定
        public void Getcounty_OnClick(object sender, EventArgs e)
        {
            County.DataSource = BFL.GetCitys(int.Parse(CitySelect.SelectedItem.Value));
            County.DataTextField = "RegionName";
            County.DataValueField = "RegionId";
            County.DataBind();
            County.Items.Insert(0,new ListItem("请选择",string.Empty));
        }
        #endregion
时间: 2024-10-10 11:12:25

用DropDownList实现的省市级三级联动的相关文章

省市级三级联动

前言: 在我们输入信息是经常会让我们输入户籍所在地,此时省市级三级联动就很有必要了 正文: 首先在xml文件中添加如下代码 1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:tools="http://schemas.a

js实现省市级三级联动

之前做一个小项目时碰到了这个地域选择,三级联动的问题,找了很多源码,最后筛选出了我认为比较实用的代码,分享给大家. 首先,html文件应该有这样的select <select id="province" class="province"></select> <select id="city" class="city"></select> <select id="a

ASP.NET Web Form服务器控件三级联动

<form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server" style="dis

javaWeb数据库动态加载全国省市区三级联动

首先声明一下,全国省市区三级联动有很多的插件.没有必要这么麻烦的把省市区存到数据库,然后再获取.这样缺点很明显: 缺点:使用数据库,每次动态ajax获取数据都要操作一次数据库,增加了数据库的负担.不推荐这样做,直接使用插件比较好. 一些Jquery插件比较省时省力,不用来回操作数据库,就能达到你想要的效果,页面修饰就要自己设计咯.而且使用数据库你还要事先把省市区数据存到数据库,耗费精力,及时有一些现成的sql文件可以导入.但是感觉好麻烦有没有,博主算是试了一次. 好了说了很多废话,开始上代码吧:

vue.js实现省市区三级联动

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>vue实现省市级三级联动</title> <script src="vue.min.js"></script> </head><body> <div id="my"&g

ajax连接数据库加载+三级联动

ajax连接数据库加载 ajax是指一种创建交互式网页应用的网页开发技术. AJAX = 异步JS和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面. 优点:是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容. 不需要任何浏览器插件,但需要

ajax验证表单元素规范正确与否 ajax展示加载数据库数据 ajax三级联动

一.ajax验证表单元素规范正确与否 以用ajax来验证用户名是否被占用为例 1创建表单元素<input type="text" id="t"> 2在js中用keyup事件来进行操作 3创建ajax格式和内容:格式: $.ajax({ url:"哪一个服务端处理器", data:{"自己起名",所需要传给处理器的数据}, type:"post", dataType:"json"

20150303--从SQL中获取数据的三级联动

省市地区的三级联动,每变更一次所选地都需要提交,但是又不需要把整个页面提交,所以我们需要使用控件:UdataPanel.工具--AJAX扩展 还有ScriptManager,并要将其放在页面的最顶端. DropDownList则需要放在UpdatePanel中: HTML源: <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="S

[moka同学笔记]Yii下国家省市三级联动

第一次做省市三级联动时候遇到了坑,感觉还是自己太菜.头疼了很久研究了很久,最后终于发现了问题.大致总结一下思路 在控制器中实例化model,然后在视图中渲染所有国家,当选取国家时候,ajax通过 id="community-country_id" 把country_id传递到控制器中,控制器通过$this->ajaxGetProvince(); 得到country_id相同的省,再在视图中渲染显示该国家下省,选取省后,ajax再通过id="community-provi