ajax dropdownlist无刷新联动

转载 2007年10月11日 08:55:00
test1.aspx 

<%@ Page language="c#" Codebehind="test1.aspx.cs" AutoEventWireup="false" Inherits="SC.test1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>test1</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <script language="javascript">  
              function   load(statevalue){  
                var   drp2   =   document.getElementById("DropDownList2");  
                   //清空DropDownList2
                      while(drp2.length > 0)
                      { drp2.options.remove(0);}

                      //
                 var   oHttpReq   =   new   ActiveXObject("MSXML2.XMLHTTP");  
                var   oDoc   =   new   ActiveXObject("MSXML2.DOMDocument");  
               // alert(statevalue);
                oHttpReq.open("POST",   "test2.aspx?statevalue="+statevalue,   false);  
                oHttpReq.send("");  
                result   =   oHttpReq.responseText;
                oDoc.loadXML(result);
               // alert(result); 
                var nodes = oDoc.documentElement.childNodes;
                  for(i=0;i<nodes.length;i++)
                  {
                    var PP = nodes[i].childNodes;
                   var newOption = document.createElement("OPTION");
                   
          newOption.text = PP[0].text ;
          newOption.value = PP[1].text;
                 
                  drp2.options.add(newOption);
                }
                  
  
                  
              }  
              function change(obj)
              {
              alert(obj.options[obj.selectedIndex].value);
                document.getElementById("tip").value = obj.options[obj.selectedIndex].value;
              }
  </script>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <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="tip" Runat="server"></asp:TextBox>
   <asp:Button id="Button1" style="Z-INDEX: 101; LEFT: 352px; POSITION: absolute; TOP: 32px" runat="server"
    Text="Button"></asp:Button>
  </form>
 </body>
</HTML>


 

test1.aspx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Text;
using System.Xml;
using System.Data.SqlClient;
using MyConfig;
using Microsoft.ApplicationBlocks.Data;
using AjaxPro;

namespace SC
{
 /// <summary>
 /// test1 的摘要描述。
 /// </summary>
 public class test1 : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DropDownList DropDownList1;
  protected System.Web.UI.WebControls.TextBox tip;
  protected System.Web.UI.WebControls.Button Button1;
  protected System.Web.UI.WebControls.DropDownList DropDownList2;
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在這裡放置使用者程式碼以初始化網頁
   if(!this.IsPostBack)
   { 
    SqlConnection   con   =   new   SqlConnection(MyConfig.MyConfigSectionHandler.ConnectionString);  
    con.Open();
    SqlDataAdapter   da   =   new   SqlDataAdapter("select   State,statevalue   from   Astate ",con);  
    DataSet   ds   =   new   DataSet();

    da.Fill(ds);
    con.Close();
    this.DropDownList1.DataSource = ds.Tables[0];
    this.DropDownList1.DataTextField   =   "State";  
    this.DropDownList1.DataValueField   =   "statevalue";  
    this.DropDownList1.DataBind();  
    this.DropDownList1.Attributes.Add("onchange","load(this.options[this.selectedIndex].value)"); 
    this.DropDownList2.Attributes.Add("onchange","change(this)");
   }
  }

  #region Web Form 設計工具產生的程式碼
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 此為 ASP.NET Web Form 設計工具所需的呼叫。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 此為設計工具支援所必須的方法 - 請勿使用程式碼編輯器修改
  /// 這個方法的內容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.Button1.Click += new System.EventHandler(this.Button1_Click);
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion

  private void Button1_Click(object sender, System.EventArgs e)
  {
   Response.Write(this.tip.Text);
  }
 }
}
 

test2.aspx. 

<%@ Page language="c#" Codebehind="test2.aspx.cs" AutoEventWireup="false" Inherits="SC.test2" %>

test2.aspx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Text;
using System.Xml;
using System.Data.SqlClient;
using MyConfig;
using Microsoft.ApplicationBlocks.Data;
using AjaxPro;

namespace SC
{
 /// <summary>
 /// test2 的摘要描述。
 /// </summary>
 public class test2 : System.Web.UI.Page
 {
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在這裡放置使用者程式碼以初始化網頁

   if(this.Request["statevalue"]!=null)
   {  
    string   statevalue   =   this.Request["statevalue"].ToString();  
    SqlConnection   con   =   new   SqlConnection(MyConfig.MyConfigSectionHandler.ConnectionString);  
    
    SqlDataAdapter   da   =   new   SqlDataAdapter("select  city,cityvalue   from   Acity   where   statevalue   =   '"+statevalue+"'",con);  
    DataSet   ds   =   new   DataSet("thiscity");  
    da.Fill(ds);
    
    string   filename   =   "c://myxml.xml";  
    System.IO.FileStream   myFileStream   =   new   System.IO.FileStream(filename,System.IO.FileMode.Create);  
    ds.WriteXml(myFileStream);  
    myFileStream.Close();

/*写出来是这样的XML文件

<thiscity>
  <Table>
    <city>韶關</city>
    <cityvalue>4</cityvalue>
  </Table>
  <Table>
    <city>廣州</city>
    <cityvalue>5</cityvalue>
  </Table>
  <Table>
    <city>汕頭</city>
    <cityvalue>6</cityvalue>
  </Table>
</thiscity>

*/

    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();  

    


   }
  }

  #region Web Form 設計工具產生的程式碼
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 此為 ASP.NET Web Form 設計工具所需的呼叫。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 此為設計工具支援所必須的方法 - 請勿使用程式碼編輯器修改
  /// 這個方法的內容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion
 }
}
 

DropDownList无刷新ajax二级联动效果

页面主要代码:                                                                  Width="200" Aut...
  • zhaohongx
  • zhaohongx
  • 2015-02-15 17:00:29
  • 1177

WebForm使用JQuery实现DropDownList无刷新联动

原来用的微软封装的Ajax控件UpdatePannel和ScriptManager去实现无刷新联动,但一直出现意料之外的现象导致不正常联动。单独的做demo就没事,放到系统中就出问题,经过调试之后仍然...
  • wlccomeon
  • wlccomeon
  • 2014-11-30 22:02:11
  • 5329

实现无刷新DropDownList联动效果

在做一个文章添加功能时,想在选择大类后,自动将其所属二级小类显示出来,使用DropDownList的SelectedIndexChanged事件可以很容易实现,但每次选择后页面总要刷新一次,让人感觉很...
  • 21aspnet
  • 21aspnet
  • 2004-12-10 16:30:00
  • 8061

ASP.net DropDownList 无刷新联动!

WebForm2     function load(){     var drp2 = document.getElementById("DropDownList2");     drp2.inne...
  • yxtyxt3311
  • yxtyxt3311
  • 2006-11-10 14:24:00
  • 2049

dropdowlist

  • 2010年05月14日 10:03
  • 130KB
  • 下载

AJAX+ASP.NET无刷新二级联动省市下拉列表

TwoDropDownList.aspx 中的代码如下:asp:ScriptManager ID="ScriptManager1" runat="server">asp:ScriptManager>d...
  • zhangyj_315
  • zhangyj_315
  • 2008-05-27 11:12:00
  • 3362

ASP.NET实现无刷新DropDownList联动

Example function load(state){ var drp2 = document.getElementById("DropDownList2"); for (i = ...
  • jxufewbt
  • jxufewbt
  • 2005-12-07 09:40:00
  • 4089

DropDownList控件实现省市联动(AJAX实现)

http://blog.csdn.net/bdstjk 在网站注册的页面上经常要选择注册地点,如果改变省的名称就能出现对应的市级的名称,将为用户带来很大的方便,虽然用.NET的服务端时间实现很容易,...
  • bdstjk
  • bdstjk
  • 2012-04-27 11:49:55
  • 10577

UpdatePanel实现无刷新DropdownList

updatepanel.aspx
  • xiangchengboy
  • xiangchengboy
  • 2011-05-13 14:02:00
  • 6049

jquery实现两个dropdownlist无刷新联动

jquery实现两个dropdownlist无刷新联动
  • czh4869623
  • czh4869623
  • 2010-11-06 17:42:00
  • 1244
收藏助手
不良信息举报
您举报文章:ajax dropdownlist无刷新联动
举报原因:
原因补充:

(最多只允许输入30个字)