asp.net实现DropDownList、ListBox无刷新三级联动的方法

最新推荐文章于 2020-06-13 11:52:55 发布
最新推荐文章于 2020-06-13 11:52:55 发布
阅读量1k 收藏
点赞数
分类专栏： .net 文章标签： asp.net string server sql null function

asp.net实现DropDownList、ListBox无刷新三级联动的方法

前台代码:
<head runat="server">
<title>asp.net实现DropDownList、ListBox无刷新三级联动的两种方法 </title>
<SCRIPT LANGUAGE="JavaScript">
<!--
//以XML求取ListBox2的数据
function XmlPost2(obj)
{
　　 var svalue = http://www.code-123.com/html/obj.value;
　　 var webFileUrl = "?povinceid=" + svalue;
　　 var result = "";
　　 var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
　　 xmlHttp.open("POST", webFileUrl, false);
　　 xmlHttp.send("");
　　 result = xmlHttp.responseText;
　　
　　 if(result != "")
　　 { 新疆IT www.xjit.cn
　　　　 document.all("ListBox2").length=0;
　　　　 var piArray = result.split(",");//两次分割字符串来实现
　　　　 for(var i=0;i<piArray.length;i++)
　　　　 {
　　　　　　 var ary1 = piArray[i].toString().split("|");
　　　　　　 document.all("ListBox2").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
　　　　 }
　　 }
　　 else
　　 {
　　　　 alert(result);
　　 }
}
//以XML求取ListBox3的数据
function XmlPost3(obj)
{
　　 var svalue = http://www.code-123.com/html/obj.value;
　　 var webFileUrl = "?cityid=" + svalue;
　　 var result = "";
　　 var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
　　 xmlHttp.open("POST", webFileUrl, false);

本文来自新疆IT


　　 xmlHttp.send("");
　　 result = xmlHttp.responseText;
　　
　　 if(result != "")
　　 {
　　　　 document.all("ListBox3").length=0;
　　　　 var piArray = result.split(",");
　　　　 for(var i=0;i<piArray.length;i++)
　　　　 {
　　　　　　 var ary1 = piArray[i].toString().split("|");
　　　　　　 document.all("ListBox3").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
　　　　 }
　　 }
　　 else
　　 {
　　　　 alert(result);
　　 }
}
//-->
</SCRIPT> 内容来自新疆IT

 

　　
</head>
<body>
<form id="Form1" method="post" runat="server">
<asp:ListBox id="ListBox1" style="Z-INDEX: 101; LEFT: 40px; POSITION: absolute; TOP: 25px" runat="server"
Height="432px" Width="168px"></asp:ListBox>
<asp:ListBox id="ListBox2" style="Z-INDEX: 102; LEFT: 271px; POSITION: absolute; TOP: 23px" runat="server"
Height="432px" Width="168px"></asp:ListBox>
<asp:ListBox id="ListBox3" style="Z-INDEX: 103; LEFT: 508px; POSITION: absolute; TOP: 25px" runat="server"
Height="432px" Width="168px"></asp:ListBox>
</form> 本文来自新疆IT

</body>
后台代码:

xjit.cn

 

DB cn = new DB();

新疆IT www.xjit.cn

 

Page_Load#region Page_Load
private void Page_Load(object sender, System.EventArgs e)
{
if (!this.IsPostBack)
{
this.down1_bind();
this.ListBox1.Attributes.Add("onchange", "XmlPost2(this);");
this.ListBox2.Attributes.Add("onchange", "XmlPost3(this);");
}
if (povinceid != "")
{
this.down2_bind(povinceid);
}
if (cityid != "")
{
this.down3_bind(cityid);
}
}

内容来自新疆IT

 

#endregion

本文来自新疆IT

 

property#region property
private string povinceid
{
get
{
if (ViewState["povinceid"] != null && ViewState["povinceid"].ToString() != "")
{
return ViewState["povinceid"].ToString();
}
else
{
if (Request["povinceid"] != null && Request["povinceid"].ToString() != "")
{
return Request["povinceid"];
}
else
{
return "";
}
}
}
set
{
ViewState["povinceid"] = value;
}
}
private string cityid
{
get
{
if (ViewState["cityid"] != null && ViewState["cityid"].ToString() != "")
{
return ViewState["cityid"].ToString();
}
else xjit.cn
{
if (Request["cityid"] != null && Request["cityid"].ToString() != "")
{
return Request["cityid"];
}
else
{
return "";
}
}
}
set
{
ViewState["povinceid"] = value;
}
}
#endregion xjit.cn

down2_bind#region down2_bind
private void down2_bind(string id)
{
string mystr = "";
string sql = "select cityID,city from city where father = '" + id + "'";
DataTable dt = cn.ReturnTable2(sql);
if (dt.Rows.Count != 0)
{
for (int i = 0; i < dt.Rows.Count; i++)
{
mystr += "," + dt.Rows[i][0].ToString() + "|" + dt.Rows[i][1].ToString();
}
mystr = mystr.Substring(1);
}
this.Response.Write(mystr);
this.Response.End();
}
#endregion 本文来自新疆IT

down3_bind#region down3_bind
private void down3_bind(string id)
{
string mystr = "";
string sql = "select areaID,area from area where father = '" + id + "'";
DataTable dt = cn.ReturnTable2(sql);
if (dt.Rows.Count != 0)
{
for (int i = 0; i <dt.Rows.Count; i++)
{
mystr += "," + dt.Rows[i][0].ToString() + "|" + dt.Rows[i][1].ToString();
}
mystr = mystr.Substring(1);
}
this.Response.Write(mystr);
this.Response.End();
} copyright xjit.cn

#endregion 内容来自新疆IT

down1_bind#region down1_bind
private void down1_bind()
{
string sql = "select provinceID,province from povince";
DataTable dt = cn.ReturnTable2(sql);
this.ListBox1.DataSource = dt.DefaultView;
this.ListBox1.DataValueField = "provinceID";
this.ListBox1.DataTextField = "province";
this.ListBox1.DataBind();
} 新疆IT网站

#endregion
以上是实现listbox的方法,DropDownList的方法与它一样,只要替换下就可以了.

xjit.cn

 

数据库这里上传不了,我把它放到我的资源里,你们要是想要的话,就到我的资源里去下载下来,或者你们自己建表看效果.地址是:http://download.csdn.net/user/ainir1314520;数据库是access的,你们转换下就可以了

来源：csdn 新疆IT www.xjit.cn

OWENLI
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Asp.Net无刷新三级联动
08-18
Asp.Net无刷新三级联动 带数据库 已调试完毕 保证完美运行
DropDownList无刷新三级联动
々城市孤狼々的专栏
08-12 2379
以ASP.NET为例实现省市区的三级联动 public void getDdlInfo(DropDownList province,DropDownList city,DropDownList town,Page myPage){ //初始化省 string sql="select 序号,省名 from 省表";         SqlCommand comm=new SqlComma
实现无刷新DropdownList联动效果
weixin_30610755的博客
07-12 106
在做一个文章添加功能时，想在选择大类后，自动将其所属二级小类显示出来，使用DropDownList的SelectedIndexChanged事件可以很容易实现，但每次选择后页面总要刷新一次，让人感觉很不爽。为实现DropDownList无刷新二级联动，这几天在网上找了些资料，但都无法达到我想要的效果，经过反复调试，现已基本实现了此功能，现将代码附下。 一、数据库设计： 字段名 数据类型 说明 ...
asp.net实现DropDownList、ListBox无刷新三级联动的两种方法
学无止境的专栏
09-17 2278
asp.net实现DropDownList、ListBox无刷新三级联动的两种方法2007-09-14 来自：xuejinyoulan  show_ads_zone(203);来源：netshuai博客园　　方法一：使用javascript　　此为DropDownList无刷新三级联动的另一种方法，使用javascript操作，因是在客户端操作，所以切换速度较快，但如果数据量大时，
asp.net实现ListBox、DropDownList无刷新三级联动(xmlhttp)
weixin_30478619的博客
09-13 88
最近正在做一个分类信息的程序，正做到实现无刷新三级联动的问题，从网上查了不少方法，最后使用选择了xmlhttp方法实现，并对代码进行了多次改进，现提供给大家参考。此为ListBox控件示例，DropDownList只需将控件名改一下就可以了。 数据库结构为 id 自动编号 oneid 数值型 一级分类id twoid 数值型 二级分类id threeid 数值型 三级分类id ...
ASP.NET中DropDownList和ListBox实现两级联动功能
10-22
本篇将详细讲解如何在ASP.NET中利用DropDownList和ListBox实现两级联动功能。 首先，我们需要在Web窗体中添加两个控件：一个DropDownList和一个ListBox。DropDownList通常用于展示有限的、可选择的项目列表，而...
asp.net无刷新二级联动下拉菜单
04-16
### ASP.NET 无刷新二级联动下拉菜单实现详解 #### 一、背景介绍与需求分析 在Web开发中，为了提升用户体验，实现页面元素的动态加载成为了一个重要的环节。其中，“二级联动下拉菜单”是一种常见的功能设计，尤其...
ASP.NET实现级联下拉框效果实例讲解
01-20
在ASP.NET中，级联下拉框是一种常见的交互设计，用于在两个或多个下拉框之间建立联动关系，通常用于筛选或展示相关数据。在这个实例中，我们将讨论如何使用ASP.NET控件来实现部门和员工的级联效果，即选择一个部门后...
ASP.NET AJAX控件工具包
12-10
ASP.NET AJAX 控件工具包是ASP.NET框架的一部分，它提供了丰富的客户端控件和扩展器，以增强Web应用程序的用户体验和交互性。这个工具包利用AJAX（Asynchronous JavaScript and XML）技术，允许部分页面更新，减少了...
ASP.NET DEMOⅠ:联动下来框(DropDownList)
weixin_34341117的博客
05-29 97
  开篇废话～ 也算序下了个大胆的决定：整理出一系列 ASP.NET 实践相关的示例，来源大部分都是网络收集，然而都是自己实践总结。 约定：1.环境：ASP.NET 2.0。尽量提供 1.x 的相关信息2.编码方式：内联代码。优势是，简洁，方便测试，只需要一张 .aspx 页面3.＋ 那就开始吧～ DEMOⅠ:联动下来框(DropDownList) 提示：服务端版本，虽然当前AJA...
ASP.NET中DropDownList下拉框列表控件绑定数据的4种方法
10-22
本文主要介绍了DropDownList控件4种绑定数据的基础用法，希望对大家能有所帮助。
ASP.NET刷新页面的六种方法
07-25
ASP.NET刷新页面的方法
asp.net实现无刷新DropDownList联动控件
Asp.net2.0开发专栏
09-06 7226
程序演示地址：http://www.718.com.cn/other/Example.aspx在网上看到了一些无刷新的联动控件。下下了测试以后，显示英文和数字可以，但是不可以显示中文，后来把从网上down下来的文件做了一个翻修改，做了一个省市的联动控件。给大家共享一下。可以显示中文了。 function load(state){ var drp2 = document.getElemen
谈 N 个 ASP.net DropDownList 无刷新联动菜单（较全）
也想快乐的生活
05-28 652
以下代码绝对可以使用，也可以实现多级菜单。。。。function load(state) { var drp2 = document.getElementById("DropDownList2"); for(var i=0;i&lt;=drp2.options.length-1;i++) { drp2.remove(i); } var oH
ASP .NET DropDownList多级联动事件
L.的博客
01-03 779
思路 假如有三级省、市、区，先加载出所有省 选择省之后，加载出该省所有市 选择市之后，加载出该市所有区 重新选择省，则清空市和区 重新选择市，则清空区 想好数据结构，不同的数据结构做法不同 例子 数据结构 public class Area { public int PKID { get; set; } public int ParentID {
ASP.NET的ListBox、DropDownList、FileUpload
苦涩精灵的博客
06-13 246
ListBox .aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
Asp.net中DetailsView中添加日历控件 及DropDownList 并实现数据同步更新
u012804387的专栏
03-25 1420
SelectedValue 为已经选择的文本（即ddlist里面文本框的文本） 字段绑定到那个字段，那么在插入或编辑的事件里面，就会把DropdownList（ddl）的文本框更新到后台数据库里面    在日历控件的事件里面写入以下代码，可以把选择的日期赋值给文本框 protected void Calendar1_SelectionChanged(object sender, E
ASP.NET 两个DropDownList控件的动态联动
shaoyanning的博客
04-06 4138
通过一个简单的例子，展示了，两个Dropdownlist控件的动态联动。
ASP.NET教程：DropDownList实现二级联动
"这篇文档主要介绍了ASP.NET编程中如何使用DropDownList控件实现二级联动效果，常见于例如新闻发布系统等需要筛选特定信息的场景。" 在ASP.NET开发中，二级联动通常用于提供更精细化的选择，例如在选择省份后，下级...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值