再谈N 个ASP.net DropDownList 无刷新联动菜单

  <script language="JavaScript" type="text/javascript"> function bookmark() { if (document.all) window.external.AddFavorite('http://www.aiyit.com/software/', "爱伊软件开发技术资源网"); } </script> <script language="JavaScript" type="text/javascript"> </script>
爱伊网上冲印 爱伊网络 一号通等电信、网通、铁通产品
  
欢迎您来到爱伊软件开发
2006年11月30日 星期四
  
  
     首页 » 技术文档 »再谈N 个ASP.net DropDownList 无刷新联动菜单
 
 
 
再谈N 个ASP.net DropDownList 无刷新联动菜单
原作者或上传者:yangyifan0  出处:CSDN  环境:ASP.NET  点击数:620    
 
     再谈 N 个 ASP.net DropDownList 无刷新联动菜单,牺牲N-1个ASPX来实现自动更新机制,避免刷新的闪动!!

以下代码绝对可以使用,也可以实现多级菜单。。。。

  <script language="javascript">
   function load(state)
   {
    var drp2 = document.getElementById("DropDownList2");
    for(var i=0;i<=drp2.options.length-1;i++)
    {
     drp2.remove(i);
    }
    var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");    //发送请求
    var oDoc = new ActiveXObject("MSXML2.DOMDocument");    //响应结果
    var state=document.getElementById("DropDownList1").value;
    oHttpReq.open("post","webform2.aspx?state="+state, false);
    oHttpReq.send("");
    result = oHttpReq.responseText;
    oDoc.loadXML(result); 
    
   // items = oDoc.selectNodes("//CITY/Table");
       items = oDoc.selectNodes("//address/Table");
     for (var item = items.nextNode();item;item = items.nextNode())
     { 
      var city = item.selectSingleNode("//address").nodeTypedValue;
      var newOption = document.createElement("OPTION"); 
      newOption.text = city; 
      newOption.value = city; 
      drp2.options.add(newOption); 
      } 
   }
  </script>



============================

webform1.aspx

private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if(!IsPostBack)
   {
    SqlConnection con = new SqlConnection("packet size=4096;user id=sa;data source=SERVER;persist security info=False;initial catalog=pubs");
    SqlDataAdapter da = new SqlDataAdapter("select state from authors group by state",con);
    DataSet ds = new DataSet("State");
    da.Fill(ds);
    this.DropDownList1.DataSource = ds.Tables[0];
    this.DropDownList1.DataTextField = "state";
    this.DropDownList1.DataValueField = "state"; 
    this.DropDownList1.DataBind();  
    this.DropDownList1.Attributes.Add("onchange","load()");  
    //DropDownList1.
   }
  
  }


webform2.aspx

private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if(this.Request["state"]!=null)
   {  
    string state = this.Request["state"].ToString();  
    SqlConnection con = new SqlConnection("packet size=4096;user id=sa;data source=SERVER;persist security info=False;initial catalog=pubs");
    SqlDataAdapter da = new SqlDataAdapter("select address from authors where state = '"+state+"'",con);  
    DataSet ds = new DataSet("address");  
    da.Fill(ds);  
    XmlTextWriter writer = new XmlTextWriter(Response.OutputStream, Response.ContentEncoding);  
    writer.Formatting = Formatting.Indented;  
    writer.Indentation = 4;  
    writer.IndentChar = ' ';  
    ds.WriteXml(writer);  
    writer.Flush();  
    Response.End();  
    writer.Close();  
   }
  }

录入日期:2005-12-19 10:12:32    
 
 
≡相关文章≡
 
≡最新文章≡
    -在ASP.NET中自动给URL地址加上超链接ASP.NET29
    -在ASP.NET中自动给URL地址加超链接ASP.NET411
    -ASP.NET 2.0 中实现 Treeview 与数据库的绑定ASP.NET552
    -ASP.NET程序中常用的三十三种代码ASP.NET579
    -再谈N 个ASP.net DropDownList 无刷新联动菜单ASP.NET620
    -DataGrid实现自增列、单选、多选ASP.NET625
    -ASP.NET经典范例50讲ASP.NET826
    -ASP.NET编程实作教程ASP.NET656
    -Asp.NET 生成静态页ASP.NET406
    -Asp.Net上传文件并保存文件路径到数据库示例ASP.NET420
    -用asp.net写的论坛程序ASP.NET381
    -在ASP.NET中实现多文件上传ASP.NET364
    -提高ASP.Net程序性能十大方法ASP.NET352
    -如何保护ASP.NET程序ASP.NET416
    -优化ASP.NET应用程序性能研究与探讨ASP.NET380
 
 
 
联系人:肖先生 028-66727202 电话:028-66006610 传真:028-66006620
 
 
Java群:3055113 | .NET群:10191194 | Borland群:5846906 | WEB群:10191619
 
 
23784809 | 域名空间服务QQ:330683124 ICQ:94890405 | 给我写信
 
 
地址:成都市郭家桥南街3号 邮编:610021
 
版权所有: 爱伊科技官方网站--爱伊软件网 爱伊数码网
 
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET中的DropDownList控件可以通过绑定数据源实现二级联动效果。下面是一个使用C#代码实现的示例: 首先,需要在页面上定义两个DropDownList控件,分别表示一级和二级选项: ``` <asp:DropDownList ID="ddlFirstLevel" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlFirstLevel_SelectedIndexChanged"> </asp:DropDownList> <asp:DropDownList ID="ddlSecondLevel" runat="server"> </asp:DropDownList> ``` 在代码后台,我们需要在Page_Load事件中绑定一级选项的数据源,并在一级选项的选中事件中动态绑定二级选项的数据源: ``` protected void Page_Load(object sender, EventArgs e) { if(!IsPostBack) { // 绑定一级选项的数据源 ddlFirstLevel.DataSource = GetFirstLevelData(); ddlFirstLevel.DataTextField = "Name"; ddlFirstLevel.DataValueField = "ID"; ddlFirstLevel.DataBind(); // 绑定二级选项的初始数据源 ddlSecondLevel.DataSource = GetSecondLevelData(0); // 初始时显示第一个一级选项的二级选项 ddlSecondLevel.DataTextField = "Name"; ddlSecondLevel.DataValueField = "ID"; ddlSecondLevel.DataBind(); } } protected void ddlFirstLevel_SelectedIndexChanged(object sender, EventArgs e) { // 重新绑定二级选项的数据源,根据选中的一级选项 int firstLevelID = Convert.ToInt32(ddlFirstLevel.SelectedValue); ddlSecondLevel.DataSource = GetSecondLevelData(firstLevelID); ddlSecondLevel.DataTextField = "Name"; ddlSecondLevel.DataValueField = "ID"; ddlSecondLevel.DataBind(); } // 获取一级选项的数据源 private DataTable GetFirstLevelData() { // 从数据库或其他途径获取一级选项的数据源 // 返回的DataTable需要包含ID和Name两列,分别表示一级选项的ID和名称 } // 获取二级选项的数据源 private DataTable GetSecondLevelData(int firstLevelID) { // 根据一级选项的ID查询数据库或其他途径获取相应的二级选项数据源 // 返回的DataTable需要包含ID和Name两列,分别表示二级选项的ID和名称 } ``` 以上代码使用了两个DataTable作为示例的数据源,实际使用时需要根据业务需求自行修改数据源的获取逻辑,并将获取到的数据绑定到DropDownList控件上。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值