ASP.net DropDownList 无刷新联动

来源：互联网发布：抽奖软件内定编辑：程序博客网时间：2024/05/21 07:01

＋添加到收藏夹

推荐链接：
ip查询
mp3歌词
姓名算命
万年历
公交线路
热门专题：
photoshop教程
c语言教程
sql教程
vb入门
asp
c语言

广告：
网页制作参考
千千学园
雨路开发频道
雨路技术文档在ASP.NET(C#)中使用Oralce Object For OLE 2.3连接Oracle 8.0.5数据库!

热门文章：
·
· 在C#中改变系统时间 && 得到系统时间改变通知
· asp.net如何生成图片验证码(简单)
· 将ASP.net中的Table中的数据导入到Execl
· ASP.NET中上传下载文件
· asp.net StreamReader 创建文件
· asp.net 的 Request对象
· Asp.Net上传文件示例（保存文件路径到数据库）
· Asp.net中实现HtmlButton客户端控制网页提交实现
· 初学ASP.Net时在论坛收藏收集的一些资料备忘
· ASP.NET中上传下载文件
· ASP.NET中上传下载文件

上一篇：刷新aspx页面的六种方法(downmoon) >>

ASP.net DropDownList 无刷新联动！

作者： unknow

<TITLE>WebForm2</TITLE>

  <SCRIPT language=@#javascript@#>
  function load(){
    var drp2 = document.getElementById("DropDownList2");
    drp2.innerText="";
    for(var i = 0;i<=drp2.options.length -1;i++){
     drp2.remove(i);
    }
    var drp3 = document.getElementById("DropDownList3");
    for(var i = 0;i<=drp3.options.length -1;i++){
     drp3.remove(i);
    }
    var xmlhttp = new ActiveXObject("MSXML2.XMLHTTP");
    var oDoc = new ActiveXObject("MSXML2.DOMDocument");
    var state=document.getElementById("DropDownList1").value;
    xmlhttp.open("POST", "webform1.aspx?id="+state,false);
    xmlhttp.send("");
    var res=oDoc.loadXML(xmlhttp.responseText);
    var naItems = oDoc.selectNodes("//Market/Table/maName");
    var idItems = oDoc.selectNodes("//Market/Table/maId");
    var item;
    var id;
    for (item = naItems.nextNode(),id=idItems.nextNode(); item&&id; item = naItems.nextNode(),id=idItems.nextNode()){
     var nastr = item.nodeTypedValue;
     var idstr = id.nodeTypedValue;
     var newOption = document.createElement("OPTION");
     newOption.text =nastr;
     newOption.value = idstr;


     drp2.options.add(newOption);
    }
    load2();

  }
  function load2(){
    var drp2 = document.getElementById("DropDownList3");
    drp2.innerText="";
    for(var i = 0;i<=drp2.options.length -1;i++){
     drp2.remove(i);
    }
    var xmlhttp = new ActiveXObject("MSXML2.XMLHTTP");
    var oDoc = new ActiveXObject("MSXML2.DOMDocument");
    var state=document.getElementById("DropDownList2").value;
    xmlhttp.open("POST", "webform3.aspx?id="+state,false);
    xmlhttp.send("");
    var res=oDoc.loadXML(xmlhttp.responseText);
    var naItems = oDoc.selectNodes("//Market/Table/maName");
    var idItems = oDoc.selectNodes("//Market/Table/maId");
    var item;
    var id;
    for (item = naItems.nextNode(),id=idItems.nextNode(); item&&id; item = naItems.nextNode(),id=idItems.nextNode()){
     var nastr = item.nodeTypedValue;
     var idstr = id.nodeTypedValue;
     var newOption = document.createElement("OPTION");
     newOption.text =nastr;
     newOption.value = idstr;


     drp2.options.add(newOption);
    }

  }
  </SCRIPT>
</HEAD>
<BODY ms_positioning="GridLayout" onload="load()">
  <FORM id="Form1" method="post" runat="server">
   <ASP:DROPDOWNLIST id="DropDownList1" runat="server"></ASP:DROPDOWNLIST>
   <ASP:DROPDOWNLIST id="DropDownList2" runat="server"></ASP:DROPDOWNLIST>
   <ASP:DROPDOWNLIST id="Dropdownlist3" runat="server"></ASP:DROPDOWNLIST>
  </FORM>
</BODY>
</HTML>
-----------------------
namespace dropDown
{
/// <summary>
/// WebForm2 的摘要说明。
/// </summary>
public class WebForm2 : System.Web.UI.Page
{
  protected System.Web.UI.WebControls.DropDownList DropDownList1;
  protected System.Web.UI.WebControls.DropDownList Dropdownlist3;
  protected System.Web.UI.WebControls.DropDownList DropDownList2;

  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   if(!this.IsPostBack)
   {
    SqlConnection con = new SqlConnection("server=localhost;database=star;uid=sa;pwd=");
    SqlDataAdapter da = new SqlDataAdapter("select maId,maName from tabMarket where maCls=0",con);
    DataSet ds = new DataSet();
    da.Fill(ds,"op");
    this.DropDownList1.DataSource=ds.Tables[0];
    this.DropDownList1.DataTextField = "maName";
    this.DropDownList1.DataValueField = "maId";
    this.DropDownList1.DataBind();
    this.DropDownList1.Attributes.Add("onchange","load()");
    this.DropDownList2.Attributes.Add("onchange","load2()");
   }

}

}
}
-----------------------
public class WebForm1 : System.Web.UI.Page
{

  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   // Put user code to initialize the page here
   //if(this.Request["state"]!=null)
   //{
     string id =this.Request["id"];
    SqlConnection con = new SqlConnection("server=localhost;database=star;uid=sa;pwd=;");
    SqlDataAdapter da = new SqlDataAdapter("select maName,maId from tabMarket where maParent=@id and maSt=1 ",con);
       da.SelectCommand.Parameters.Add("@id",id);
    DataSet ds = new DataSet("Market");
    da.Fill(ds);

       ds.WriteXml(Response.OutputStream);
       Response.Flush ();
       Response.End ();

   //}
  }
       }
-----------------------------
public class WebForm3 : System.Web.UI.Page
{
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   string id =Request["id"];
   SqlConnection con = new SqlConnection("server=localhost;database=star;uid=sa;pwd=;");
   SqlDataAdapter da = new SqlDataAdapter("select maName,maId from tabMarket where maParent=@id and maSt=1",con);
   da.SelectCommand.Parameters.Add("@id",id);
   DataSet ds = new DataSet("Market");
   da.Fill(ds);

   ds.WriteXml(Response.OutputStream);
   Response.Flush ();
   Response.End ();
  }
       }
------------------

返回顶部

下一篇：在ASP.NET(C#)中使用Oralce Object For OLE 2.3连接Oracle 8.0.5数据库! >>

· .net中PictureBox中图片的拖动
· Localization/MasterPage in ASP.NET 1.1 with Spring.Net
· VC写的ActiveX控件能不能被ASP.NET引用
· 使用 Visual C# .NET 向 Excel 工作簿传输数据
· ASP.NET 的状态管理
· 开发asp.net自定义控件(asp.net学习笔记三)
· ASP.NET中WebForm组件CheckBoxList编程(4)
· ASP.NET中WebForm组件CheckBoxList编程(3)
· ASP.NET中WebForm组件CheckBoxList编程(2)
· ASP.NET中WebForm组件CheckBoxList编程(1)
· ASP.NET画图全攻略（下）
· ASP.NET画图全攻略（上）
· ASP.NET Authentication Provider
· 在ASP.NET中进行文件处理(4)
· 在ASP.NET中进行文件处理(3)
· 在ASP.NET中进行文件处理(2)
· 在ASP.NET中进行文件处理(1)
· 五种常见的ASP.NET应用程序安全缺陷
· ASP.NET在线用户列表精确版——解决用户意外退出在线列表无法及时更新问题
· Asp.net定时控件
· 安装配置ASP.NET
· 在ASP.NET中实现多文件上传
· ASP.NET之精通弹出窗口
· Asp.Net上传文件示例（保存文件路径到数据库）
· asp.net技巧点滴－在asp.net中使用客户端脚本
· Asp.net中的页面乱码的问题
· ASP.net中Panel控件用法
· 编写高性能 Web 应用程序的 10 个技巧
· ASP.NET中动态修改web.config中的设置项目(前台代码)
· 管理 ASP.NET DataGrid 数据列
· 用ASP.Net编写留言本
· 使用ASP.NET 顯示事件日誌紀錄
· ASP.NET Web服务如何工作?
· ASP.NET处理数据分页(2)
· ASP.NET处理数据分页(1)
· ASP.NET学习日记文章集
· DATAGRID的集中功能！！（aspx页）
· ASP.NET可交互式位图窗体设计(9)