实现无刷新联动例子汇总 - 突袭新闻
当前位置&:&&&&实现无刷新联动例子汇总
热门标签：&
实现无刷新联动例子汇总
来源：本网整理
编辑：从小叶评论：
最近在用asp.net做项目的时候，遇到需要实现无刷新联动的需求，度娘了一下，这里汇总一下几个比较实用的例子，有需要的小伙伴可以参考下。
Iframe实现无刷新联动
iframe的无刷新其实是局部刷新，状态栏的滚动条还是会滚动，只是页面不会闪烁，这是一种比较老的技术了，在处理的数据两大的时候会比较慢，在本例中需要两个页面：index.aspx和frame.asapx,index.aspx用来显示界面，其中有一个iframe标记，指向frame.aspx页用来显示结果
index.aspx前台代码
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.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 xmlns="http://www.w3.org/1999/xhtml"&
&head id="Head1" runat="server"&
&title&无标题页&/title&
&script type="text/javascript"&
function Query() {
var ddlpro = document.getElementById('ddlPro');
var pro = ddlpro.options[ddlpro.selectedIndex].innerT
if (pro != "") {
document.getElementById("iframe1").src="frame.aspx?Pro=" +
&form id="form2" runat="server"&
&table border="1" cellpadding="3" cellspacing="0" width="600px"&
&td colspan="2" align="center"&
Iframe实现局部刷新
&select id="ddlPro" style="width: 201px"&
&option value="湖北"&湖北&/option&
&option value="河北"&河北&/option&
&option value="广东"&广东&/option&
&option value="河南"&河南&/option&
&input id="Button3" type="button" value="查询" onclick="Query()" /&
显示城市列表
&iframe src="frame.aspx" style="text-align: center" id="iframe1" width="100%"
height="100%" frameborder="0" scrolling="no" /&
frame.aspx的前台代码：
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="frame.aspx.cs" Inherits="myframe" %&
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head id="Head1" runat="server"&
&title&无标题页&/title&
&form id="form2" runat="server"&
&asp:DropDownList ID="ddlCity" runat="server" Width="179px"&
&/asp:DropDownList&
frame.aspx后台代码：
using System.D
using System.C
using System.C
using System.W
using System.Web.S
using System.Web.UI;
using System.Web.UI.WebC
using System.Web.UI.WebControls.WebP
using System.Web.UI.HtmlC
public partial class myframe : System.Web.UI.Page
protected void Page_Load(object sender, EventArgs e)
string pro = Request.QueryString["pro"];
switch (pro)
case "湖北":
this.ddlCity.Items.Clear();
this.ddlCity.Items.Add("武汉");
this.ddlCity.Items.Add("黄冈");
this.ddlCity.Items.Add("黄石");
this.ddlCity.Items.Add("襄樊");
case "河北":
this.ddlCity.Items.Clear();
this.ddlCity.Items.Add("石家庄");
this.ddlCity.Items.Add("唐山");
this.ddlCity.Items.Add("承德");
this.ddlCity.Items.Add("邯郸");
case "广东":
this.ddlCity.Items.Clear();
this.ddlCity.Items.Add("广州");
this.ddlCity.Items.Add("佛山");
this.ddlCity.Items.Add("深圳");
this.ddlCity.Items.Add("珠海");
case "河南":
this.ddlCity.Items.Clear();
this.ddlCity.Items.Add("郑州");
this.ddlCity.Items.Add("新乡");
this.ddlCity.Items.Add("安阳");
this.ddlCity.Items.Add("信阳");
JavaScript无刷新联动
前台页面代码：
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="jacascript_Default" %&
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head id="Head1" runat="server"&
&title&无标题页&/title&
&script type="text/javascript"&
function FillData(strcity) {
document.getElementById("ddlCity").options.length = 0;
while (strcity.length & 0) {
indexofcity = strcity.indexOf(",");
if (indexofcity & 0) {
city = strcity.substring(0, indexofcity);
strcity = strcity.substring(indexofcity + 1);
document.getElementById("ddlCity").add(new Option(city, city));
document.getElementById("ddlCity").add(new Option(strcity, strcity));
&form id="form2" runat="server"&
&table width="700px" border="1" cellpadding="5" cellspacing="0"&
&td colspan="2" align="center"&
脚本方法实现刷新
&select id="ddlPro" style="width: 201px"&
&option value="湖北"&湖北&/option&
&option value="河北"&河北&/option&
&option value="广东"&广东&/option&
&option value="河南"&河南&/option&
&input id="btnQuery" type="button" value=" 查询" onclick="City()" /&
&asp:DropDownList ID="ddlCity" runat="server" Width="201px"&
&/asp:DropDownList&
后台代码：
using System.D
using System.C
using System.C
using System.W
using System.Web.S
using System.Web.UI;
using System.Web.UI.WebC
using System.Web.UI.WebControls.WebP
using System.Web.UI.HtmlC
using System.T
public partial class jacascript_Default : System.Web.UI.Page
protected void Page_Load(object sender, EventArgs e)
StringBuilder myscript = new StringBuilder();
myscript.Append("function City() {\n");
myscript.Append("var ddlpro=document.getElementById('ddlPro');\n");
myscript.Append("var pro=ddlpro.options[ddlpro.selectedIndex].innerT\n");
//myscript.Append("var pro=document.getElementById('txtPro').\n");
myscript.Append("switch(pro) { \n");
myscript.Append("case '湖北':\n");
myscript.Append("FillData('" + GetCityStr("湖北") + "');\n");
myscript.Append("\n");
myscript.Append("case '河北':\n");
myscript.Append("FillData('" + GetCityStr("河北") + "');\n");
myscript.Append("\n");
myscript.Append("case '广东':\n");
myscript.Append("FillData('" + GetCityStr("广东") + "');\n");
myscript.Append("\n");
myscript.Append("case '河南':\n");
myscript.Append("FillData('" + GetCityStr("河南") + "');\n");
myscript.Append("}\n");
myscript.Append("}\n");
Page.ClientScript.RegisterClientScriptBlock(typeof(string), "city", myscript.ToString(), true);
private string GetCityStr(string pro)
string city = "";
switch (pro)
case "湖北":
city = "武汉,黄冈,黄石,襄樊";
case "河北":
city = "石家庄,唐山,承德,邯郸";
case "广东":
city = "广州,佛山,深圳,珠海";
case "河南":
city = "郑州,新乡,安阳,信阳";
CallBack无刷新联动
前台代码：
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="callback_Default" %&
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head id="Head1" runat="server"&
&title&无标题页&/title&
&script type="text/javascript"&
function FillData()
var ddlpro=document.getElementById('ddlPro');
var pro=ddlpro.options[ddlpro.selectedIndex].
&% =ClientScript.GetCallbackEventReference(this,"pro","FillDll",null) %&
function FillDll(strcity)
document.getElementById("ddlCity").options.length=0;
while(strcity.length&0)
indexofcity=strcity.indexOf(",");
if(indexofcity&0)
city=strcity.substring(0,indexofcity);
strcity=strcity.substring(indexofcity+1);
document.getElementById("ddlCity").add(new Option(city,city));
document.getElementById("ddlCity").add(new Option(strcity,strcity));
&form id="form2" runat="server"&
&table width="700px" border="1" cellpadding="5" cellspacing="0"&
&td colspan="2" align="center"&
callback方法实现刷新
&select id="ddlPro" style="width: 200px"&
&option value="湖北"&湖北&/option&
&option value="河北"&河北&/option&
&option value="广东"&广东&/option&
&option value="河南"&河南&/option&
&input id="btnQuery" type="button" value=" 查询" onclick="FillData()" /&
&asp:DropDownList ID="ddlCity" runat="server" Width="201px"&
&/asp:DropDownList&
后台代码：
using System.D
using System.C
using System.C
using System.W
using System.Web.S
using System.Web.UI;
using System.Web.UI.WebC
using System.Web.UI.WebControls.WebP
using System.Web.UI.HtmlC
public partial class callback_Default : System.Web.UI.Page,ICallbackEventHandler
private string _
protected void Page_Load(object sender, EventArgs e)
ICallbackEventHandler 成员
Ajax无刷新联动
该例子也要用到两个页面：oec203index.aspx和datapage.aspx. datapage.aspx主要用来回送要显示的数据
.aspx页面前台代码：
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="ajax_Default" %&
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head id="Head1" runat="server"&
&title&无标题页&/title&
&script type="text/javascript"&
function getData() {
var ddlpro = document.getElementById("ddlPro");
var pro = ddlpro.options[ddlpro.selectedIndex].innerT
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.onreadystatechange =
xmlhttp.Open("GET", "datapage.aspx?pro=" + pro, true);
xmlhttp.Send();
function statechange() {
if (xmlhttp.readystate == 4) {
if (xmlhttp.status == 200) {
FillData(xmlhttp.responseText);
function FillData(strcity) {
document.getElementById("ddlCity").options.length = 0;
while (strcity.length & 0) {
indexofcity = strcity.indexOf(",");
if (indexofcity & 0) {
city = strcity.substring(0, indexofcity);
strcity = strcity.substring(indexofcity + 1);
document.getElementById("ddlCity").add(new Option(city, city));
document.getElementById("ddlCity").add(new Option(strcity, strcity));
&form id="form2" runat="server"&
&table width="700px" border="1" cellpadding="5" cellspacing="0"&
&td colspan="2" align="center"&
ajax方法实现刷新
&select id="ddlPro" style="width: 201px"&
&option value="湖北"&湖北&/option&
&option value="河北"&河北&/option&
&option value="广东"&广东&/option&
&option value="河南"&河南&/option&
&input id="btnQuery" type="button" value=" 查询" onclick="getData()" /&
&asp:DropDownList ID="ddlCity" runat="server" Width="201px"&
&/asp:DropDownList&
datapage.aspx后台代码：
using System.D
using System.C
using System.C
using System.W
using System.Web.S
using System.Web.UI;
using System.Web.UI.WebC
using System.Web.UI.WebControls.WebP
using System.Web.UI.HtmlC
public partial class ajax_datapage : System.Web.UI.Page
protected void Page_Load(object sender, EventArgs e)
string pro = Request.QueryString["pro"];
Response.Clear();
switch (pro)
case "湖北":
Response.Write("武汉,黄冈,黄石,襄樊");
case "河北":
Response.Write("石家庄,唐山,承德,邯郸");
case "广东":
Response.Write("广州,佛山,深圳,珠海");
case "河南":
Response.Write("郑州,新乡,安阳,信阳");
以上所述就是本文的全部内容了，希望大家能够喜欢。
八月值得关注的6个Kickstarter众筹项目
中兴华为们美国市场争第三 份额不足5%
谁有权调阅用户的手机位置记录？
本网最新文章c#+access无刷新二级联动下拉菜单_百度知道
c#+access无刷新二级联动下拉菜单
c#+access无刷新 DropDownList 二级联动下拉菜单
提问者采纳
4城市表，句例子说明第一个dropdownlist是国家第二个dropdownlist是城市数据库中国家表AJAX实现无刷新2联动的话，然后绑定，去查询城市表中对应国家的ID等于1的数据，把中国的ID（1）传下去...，然后listitem根据中国的ID.，到第二个dropdownlist中的listitem绑定中.第一个dropdownlist选择的时候.：上海
1（这个字段用来对应国家表中国家的ID号）大阪
其他类似问题
为您推荐：
其他2条回答
初始化时1 DpDlist的items加入所有班级选择后加入处理消息的事件函数将2 DpDlist的item加入属于选择班级的记录，第二dpDlist出现属于此班的人？tab1班级123tab2姓名 班级a
3第一DpDList选班级你说的无刷新是啥意思
您可能关注的推广
下拉菜单的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁&&源码搜搜[中文]，大家一起找最好的开源代码。
&&请提交您认为需要收录的源码网站。
js 漂亮二级联动摘要:.NET源码,Ajax相关,DropDownList,二级联动 ASP.NET中的二级联动Select示例代码，页面使用ashx,js实现联动,并可以获取DropDownList的值。摘要:.NET源码,Ajax相关,DropDownList,二级联动 ASP.NET中的二级联动Select示例代码，页面使用ashx,js实现联动,并可以获取DropDownList的值。 1.标签：asp.net, .net&评论：0条
Ajax相关,DropDownList,无刷新,二级联动 DropDownList无刷新二级联动控件，DropDownList无刷新二级联动控件，通过ClientScript.GetCallbackEventReference实现了无刷新联动。支持样式，视图状态的保存。标签：ASP, Access&评论：0条
erjiliandong.rar - 不用刷新实现通用型二级联动菜单，里面有数据库，在Mysql+tomcat6.0下运行-Do not refresh the menu to achieve universal secondary linkage标签：Java, Java Develop&评论：0条
二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动二级联动三级联动标签：二级联动三级联动&评论：0条
ajax 二级联动 php的下拉列表ajax 二级联动 php的下拉列表ajax 二级联动 php的下拉列表ajax 二级联动 php的下拉列表ajax 二级联动 php的下拉列表ajax 二级联动 标签：PHP&评论：0条
内容索引:ASP源码,Ajax相关,Ajax,二级联动 Asp+Ajax二级联动的Select下拉列表框示例，使用时才加载菜单数据，省得一上子把数据加载完再显示网页，这样做会提升网页加载速度。实现原理：创建一个XMLHttp实例，return object 成功创建返回一个XMLHttp对象实例,否则返回false。标签：ASP, Access&评论：0条
摘要:.NET源码,Ajax相关,MagicAjax,无刷新,二级联动 MagicAjax无刷新二级联动简单示例源码，作者:deallylau。应用程序只需要引入需要的组件，然后就可以进行编码。 MagicAjax的源码已经同实例源码一同打包，解压magicajax-0.3.0-source.zip就能看到对应的源码文件。MagicAjax源码包有相应的文档，示例程序供大家学习参考。标签：asp.net, .net&评论：0条
内容索引:ASP源码,Ajax相关,Ajax,联动菜单 Asp+Ajax二级联动的Select下拉菜单，当点击第一个Select的时候，根据所选值动态加载第二个Select列表框对应的内容，这样有效避免资料占用，如果需要加载的内容比较多，标签：ASP, Access&评论：0条
强大的 YeeH强大的 YeeH 无限级联动下拉菜单类为您建站提供相当的便利条件，特点如下：一、代码简练，通俗易懂，严格测试。二、多级别，多数量联动，不局限于2级或3级联动。三、一拖多，一个改变，多个跟着改变。标签：Access, HTML&评论：0条
数据库含全国完整省市区的数据自己写的第2个 ajax例子 3联动+无刷新分页(no altas)无刷新分页 有点bug只需要把 js/xmlhttp.js 里面的的标签里的属性+一个 单引号 就行了数据库操作采用的是SqlHelperdefault2.aspx为无刷新分页演示标签：asp.net, MSSQL&评论：0条
内容索引:脚本资源,Ajax/JavaScript,Js城市联动,三级菜单,下拉列表 全国三级城市联动Js版，因为全国城市信息一般不会怎么变，不是说经常会变更地名，所以把全国城市、地市名称信息写进了Js里，这样加载更快，免去了使用数据库的负担。大家修改的时候只用打开area.js进行修改就行了，调用的方法可查看selectArea.html，里面演示的很清楚了，再此不多说了，有用的就下载吧。标签：HTML/PHP/ASP/ASP.NET/JSP, 脚本资源&评论：0条
摘要:.NET源码,Ajax相关,无刷新联动 ASP.NET生成无刷新联动JS文件源代码 1、本程序为工作之余所写，... 2、本程序在VS2008 SP1 + MSSQL2005环境下编写的。 3、程序中将数据库中省市区生成Js代码，联动时无需请求服务器端。极大的简化了JavaScript的繁琐性，提高了JavaScript代码编写的便捷性。标签：asp.net, .net&评论：0条
中国联通3G眼视频联动报警系列产品推广标签：电子通讯&评论：0条
摘要:脚本资源,Ajax/JavaScript,城市联动菜单,全国城市菜单 Js全国城市三级联动代码，网页常用的组件，不过我感觉这一个城市级联菜单并没有使用Ajax异步加载技术，完全是用传统的JS实现的，全国城市信息写在area.js文件中，网页只是调用了这里面的数据。不过这样也有好处，可以省去读取数据库所造成的资源消耗，在客户端调用也加快了显示速度。标签：HTML/PHP/ASP/ASP.NET/JSP, 脚本资源&评论：0条
tree.rar - 三级联动 三级联动 三级联动-三级联动三级联动三级联动三级联动三级联动标签：C++, TreeView&评论：0条
说明：一个利用javabeanjsp产生联动分布的源代码，希望能有所帮助，也希望会被站长采用标签：Java&评论：0条
. ajax n级联动数据库版（带后台和省市县数据库）utf-8编码 演示中使用的数据库为省、市、县三级数据库 演示程序实现了省、市、县三级联动（ajax技术） firste_data文件夹中#firste_city.mdb为省、市、县数据库，标签：&评论：0条
中国电信3G3G视频联动报警器产品及应用PPT标签：电子通讯&评论：0条
说明：TreeView与StringGrid的联动演示。 放弃以往采用的遍历的方法，而采用新的方法对TreeView查询。标签：DELPHI&评论：0条
摘要:.NET源码,Ajax相关,三级联动,省市县菜单 ASP.NET+ajax+xml实现的全国省市县（区）无刷新联动源码。 创建服务器端方法。只要给一个方法加上[AjaxPro....在服务器端进行查询后返回到客户端。 cs页面添加代码： 复制ajax 三级省市区联动xml 内的代码到你的项目中-&在Class1.cs中 同时引用命名空间 using System.标签：asp.net, .net&评论：0条
CopyRight (&)
All Rights Reserved&二次元同好交流新大陆
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(2793)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'C#+JS实现无刷新两个Dropdownlist联动（上）',
blogAbstract:'
先说下基本的设计思想：把子Dropdownlist的数据拿到客户端，就是前台来读取，这样就不用与服务器交换数据，也就不用刷新页面了。 设计分三个部分：1 .CS文件（就是页面后台）2 HTML文件&&&&&& （页面前台） 3 另一个新页面&& （这个页面用来取子Dropdownlist里的数据，只编写.CS文件即可，前台什么都不用写） 代码： 1 .CS文件 ：DataSet dshylb_type = new DataSet();',
blogTag:'hylb_type,hylb_name,数据,value,页面',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:4,
publishTime:7,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:1,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:true,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}无刷新DropdownList联动
无刷新DropdownList联动
&&&&& 所谓DropdownList联动，也就是在选一个DropdownList的时候使另外一个DropdownList的内容更新（如选省份时显示所属城市），按常规的方法那就是在第一个DropdownList的SelectedIndexChanged事件中改变第二个DropdownList的数据源及重新绑定，但是如果这样的话在每一次的重新选择将带来一次页面的刷新，除了屏幕闪动以外，如果同页有密码框的话，内容也会清除掉．这时我们就需要无刷新实现，基本原理在选择改变时用JS向另外一个隐藏页发送请求并得到一个XML流，解析后放入相应的DropdownList中．例子如下：
　　一、数据库设计：
字段名 数据类型 说明 ClassID 自动编号 类编号 ClassName&&&& varchar(8) 类名 UpClassID int(4) 上级类编号 ClassLevel int(4) 类级别，1为大类，2为小类 二、设计步骤：
1、首先，我们新建一个页面DropTest.aspx，在其中放入两个DropDownList控件：DropDownList1和DropDownList2，其完整代码如下：&%@ Page language="c#" Codebehind="DropTest.aspx.cs" AutoEventWireup="false" Inherits="studyWEB.DropTest" %&&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" &&HTML&&HEAD&&title&WebForm2&/title&&meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"&&meta content="C#" name="CODE_LANGUAGE"&&meta content="JavaScript" name="vs_defaultClientScript"&&meta content="/intellisense/ie5" name="vs_targetSchema"&&script&function load(ClassID){&&&&&&&&&& //ClassID为接收传递的大类编号var drp2 = document.getElementById("DropDownList2");function RemoveAll(oElem) {&&&&&&&&&&&& //清除DropDownList2的所有项var i = 0; for (i = oElem. i &= 0; i--){ oElem.options.remove(i); } } RemoveAll(drp2)//新建一请求与XML文档&var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");var oDoc = new ActiveXObject("MSXML2.DOMDocument");&&&&& oHttpReq.open("POST", "DropChild.aspx?ClassID="+ClassID, false);&
&&&&&&& //调用读取小类数据的页面，将大类// 编号值传递过去oHttpReq.send("");result = oHttpReq.responseToDoc.loadXML(result);items1 = oDoc.selectNodes("//CLASSNAME/Table/ClassName");&&
&&&&&&&&&&&&//读取所有请求大类所属小类的类名items2 = oDoc.selectNodes("//CLASSNAME/Table/ClassID");&
&&&&&&&&&&&&&&&&& //读取所有请求大类所属小类的编号var itemsLength=items1.for(i=0;i&itemsLi++)&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&//将小类的类名和编号赋予DropDownList2{var newOption = document.createElement("OPTION");newOption.text=items1[i].newOption.value=items2[i].drp2.options.add(newOption);}}&/script&&/HEAD&&body MS_POSITIONING="flowLayout"&&form id="Form1" method="post" runat="server"&&asp:DropDownList id="DropDownList1" runat="server"&&/asp:DropDownList&&asp:DropDownList id="DropDownList2" runat="server"&&/asp:DropDownList&&asp:TextBox id="TH" runat="server" BorderStyle="None" ForeColor="White" BorderColor="White"&&/asp:TextBox&&asp:Label id="Label1" runat="server"&&/asp:Label&&asp:Button id="Button1" runat="server" Text="Button"&&/asp:Button&&/form&&/body&&/HTML&该页面的后台文件（DropDownList1.aspx.cs）中Page_Load内的代码如下：if(!this.IsPostBack){SqlConnection con = new SqlConnection("server=database=gswebDB;uid=pwd=;");SqlDataAdapter da = new SqlDataAdapter("select ClassName,ClassID from classname where ClassLevel=1",con);DataSet ds = new DataSet();da.Fill(ds);this.DropDownList1.DataSource=ds.Tables[0].DefaultVthis.DropDownList1.DataTextField = "ClassName";this.DropDownList1.DataValueField = "ClassID";this.DropDownList1.DataBind();this.DropDownList1.Attributes.Add("onchange","load(this.options[this.selectedIndex].value)");&&
//将ClassID作为参数传递给脚本函数load(ClassID)，
如果要传递的是ClassName，应将value改为innerText，但如果大类为中文，
则调用小类时出现无法显示的问题// this.DropDownList2.Attributes.Add("onChange",
"javascript:document.Form1.TH.value=this.options[this.selectedIndex].");&&
//读取DropDownList2的值，将其赋给一个TextBox控件TH，以获取DropDownList2的值，为获取DropDownList2的值．
发表评论：
TA的最新馆藏