主要html代码
<select id="province">
<option value="0">--请选择省份--</option>
</select>
<select id="city">
<option value="0">--请选择城市--</option>
</select>
<select id="area">
<option value="0">--请选择地区--</option>
</select>
JQuery代码
<script type="text/javascript">
$(document).ready(function () {
$.post("lianxi.aspx", { file2: 1 }, function (result) {
var province = result.split('|');
var newoption;
for (var i in province) {
new option = new Option(province[i], province[i]);
$("#province")[0].options.add(newoption);
}
})
$("#province").change(function () {
$("#city")[0].options.length = 1;
if ($("#province").val() == "0") {
return;
}
$.post("lianxi.aspx", { province: $("#province").val() }, function (result) {
var city = result.split('|'); var newoption;
for (var i in city) {
new option = new Option(city[i], city[i]);
$("#city")[0].options.add(newoption);
}
})
})
$("#city").change(function () {
$("#area")[0].options.length = 1;
if ($("#city").val() == "0") {
return;
}
$.post("lianxi.aspx", { city: $("#city").val() }, function (result) {
var area = result.split('|'); var newoption;
for (var i in area) {
new option = new Option(area[i], area[i]);
$("#area")[0].options.add(newoption);
}
})
})
})
</script>
后台代码
 

 protected void Page_Load(object sender, EventArgs e)
{
if (Request.Form["file2"] != null)
{
string sql = string.Format("select distinct province from proci");
DataTable dt = sqlhelper.helper.ExecuteQuery(sql);
string province = "";
for (int i = ; i < dt.Rows.Count; i++)
{
province += "|" + dt.Rows[i][].ToString();
}
Response.Write(province.Substring());
Response.End();
}
if (Request.Form["province"] != null)
{
string province = Request.Form["province"].ToString();
string sql2 = string.Format("select city from proci where province='{0}'", province);
DataTable dt2 = sqlhelper.helper.ExecuteQuery(sql2);
string city = "";
for (int j = ; j < dt2.Rows.Count; j++)
{
city += "|" + dt2.Rows[j][].ToString();
}
Response.Write(city.Substring());
Response.End();
}
if (Request.Form["city"] != null)
{
string city = Request.Form["city"].ToString();
string sql2 = string.Format("select dis from abcd where city='{0}'", city);
DataTable dt2 = sqlhelper.helper.ExecuteQuery(sql2);
string area = "";
for (int j = ; j < dt2.Rows.Count; j++)
{
area += "|" + dt2.Rows[j][].ToString();
}
Response.Write(area.Substring());
Response.End();
}
}

ASP.NET webform基于Jquery,AJAX的三级联动的更多相关文章

  1. 用jQuery,ajax,实现三级联动封装JS的文件

    // JavaScript Document $(document).ready(function(e) { //找到ID=SANJI的DIV,造三个下拉扔进去 var str = "< ...

  2. JQuery+Ajax实战三级下拉列表联动(八)

    本片文章为练习,项目中不会这样写: 一:涉及到的知识点: jQuery Dom操作 jQuery Ajax操作 ASP.net中的json操作 二:用了自动代码生成器 1.Dal层的代码: publi ...

  3. 基于Jquery+Ajax+Json+存储过程 高效分页

    在做后台开发中,都会有大量的列表展示,下面给大家给大家分享一套基于Jquery+Ajax+Json+存储过程高效分页列表,只需要传递几个参数即可.当然代码也有改进的地方,如果大家有更好的方法,愿留下宝 ...

  4. 使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

    使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下 ...

  5. AJAX部分---对比js做日期的下拉选择 和 ajax做三级联动;

    js做日期选择: 实现当前年份的前5后5年的日期选择 实现功能:年份和月份页面加载完成使用JS循环添加,天数根据月份的变化动态添加改变 扩展功能:天数可以根据闰年平年变化 <body> & ...

  6. ajax 实现三级联动

    ajax 实现三级联动,相当于写了一个小插件,用的时候直接拿过来用就可以了,这里我用了数据库中的chinastates表, 数据库内容很多,三级联动里的地区名称都在里面,采用的是代号副代号的方式 比如 ...

  7. jQuery实现select三级联动

    参考:jQuery权威指南jQuery初步jQuery选择器jQuery操作domjQuery操作dom事件jQuery插件jQuery操作AjaxjQuery动画与特效jQuery实现导航栏jQue ...

  8. 项目一:第九天 1、前台客户登录 2、Jquery citypicker省市区三级联动插件 4、业务受理(在线下单)

    1. 前台客户登录 2. Jquery citypicker省市区三级联动插件 3. 百度地图介绍 4. 业务受理(在线下单) 1 实现前台系统登录功能 1.1 Md5加密 admin(明文)---- ...

  9. ajax 实现三级联动下拉菜单

    ajax 实现三级联动,相当于写了一个小插件,用的时候直接拿过来用就可以了,这里我用了数据库中的chinastates表, 数据库内容很多,三级联动里的地区名称都在里面,采用的是代号副代号的方式 比如 ...

随机推荐

  1. 分析一个delphi程序

    系统 : Windows xp 程序 : k4n6 程序下载地址 :https://pan.baidu.com/s/1pLANxyj 要求 : 注册机编写 使用工具 : OD & DeDe 可 ...

  2. java文件编译及运行

    1 配置环境变量 使用鼠标右击“我的电脑”->属性->高级->环境变量 系统变量->新建->变量名:JAVA_HOME 变量值:C:\Program Files (x86 ...

  3. 小技巧:addobject: 和 addobjectsFromArray 的区别

    NSArray *array1 = [NSArray alloc]init]; NSArray *array2 = [NSArray alloc]init]; [array1 addobject: a ...

  4. extjs组件添加事件监听的三种方式

    extjs对组件添加监听的三种方式  在定义组件的配置时设置 如代码中所示:  Java代码  xtype : 'textarea',  name : 'dataSetField',  labelSe ...

  5. myeclipse10中文注释乱码问题

    将别人的项目或JAVA文件导入到自己的Eclipse中时,常常会出现JAVA文件的中文注释变成乱码的情况,主要原因就是别人的IDE编码格式和自己的Eclipse编码格式不同. 总结网上的建议和自己的体 ...

  6. 面试时被问到js的绑定事件,我居然不知道怎么回答。回来查了下,做个笔记

    事件绑定是几种方法 以下为例: <button id='btn'>click me</button> function Btn(){ alert('click'); } 1.直 ...

  7. codeforces A. Difference Row

    link:http://codeforces.com/contest/347/problem/A 开始看起来很复杂的样子,但是刚写下样例,就发现因为中间的都消去了,其实起作用的就是最大值和最小值=_= ...

  8. 每天一个命令ls 2015/4/1

    ls命令可以说是Linux下最常用的命令 -a 列出目录下的所有文件,包括以 . 开头的隐含文件.-b 把文件名中不可输出的字符用反斜杠加字符编号(就象在C语言里一样)的形式列出.-c 输出文件的 i ...

  9. UVA 10474

    题意:给你一组数,再给几个数问是否在一组数中. 题很简单:STL入门. 没用到STL. #include<iostream> #include<cstdio> #include ...

  10. unity行为树制作AI简单例子(2)

    继续昨天的工程,给Monster添加一个空物体命名为AI,在AI添加脚本BehaviorTree,然后就可以打开行为树编辑器进行编辑了 先写好自定义的节点脚本,下面是一个寻找漫游点的行为节点脚本 us ...