ASP.net DropDownList 无刷新联动！

最新推荐文章于 2021-08-05 17:35:41 发布
最新推荐文章于 2021-08-05 17:35:41 发布
阅读量1.6k 收藏
点赞数
分类专栏： Javascript html CSS Asp.net XML/XSL 文章标签： asp.net dataset webform dropdown server object
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dhz123/article/details/445683
版权

  <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" οnlοad="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 ();
  }
       }
------------------

dhz123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net中DropDownList控件的二级联动
11-03
asp.net(C#)中DropDownList控件的二级联动，两种方法，第一种为普通方法，第二种为从数据库绑定DropDownList的。
asp.net可输入可选择下拉框
03-25
目前客户对于下拉框要求越来越高，希望即可以像文本框一样输入，又能够有固定的选项来选择，经过查找一些资料，然后由于项目需要，自己做了这样的用户控件，希望对广大开发者有点借鉴之用。
N 个 ASP.net DropDownList 无刷新联动菜单
u013908405的专栏
02-08 987
http://tb.blog.csdn.net/TrackBack.aspx?PostId=1377536 再谈 N 个 ASP.net DropDownList 无刷新联动菜单，牺牲N-1个ASPX来实现自动更新机制，避免刷新的闪动！！ 以下代码绝对可以使用，也可以实现多级菜单。。。。       function load(state)    {     var d
ASP.net DropDownList 无刷新联动！
Michael的专栏
11-10 2360
WebForm2     function load(){     var drp2 = document.getElementById("DropDownList2");     drp2.innerText="";    for(var i = 0;i     drp2.remove(i);     }     var drp3 = document.getElementById("Dro
Asp.net三级联动DropDownList C# 上
卓越的生命c的博客
10-16 1203
各位朋友大家好，第一篇博客，写点前段时间的作业吧。 前段时间看到了篇公众号文章，写的是推荐我们这些IT行业的人写写博客，记录自己做的东西，那个号主说他是大三开始写博客的，想了想我今年刚好也大三，那就写一个吧！ DropDwonList 这个控件其实蛮简单的，中文名称叫下拉列表，这次的作业内容是用这个控件做一个省市县三级联动的作业，就是选了省份它自动更新市区，选了市区自动更新县区。 思路 省市县的数...
ajax 如何使 dropdownlist 无刷新,asp.net DropDownList无刷新ajax二级联动实现详细过程...
weixin_29752191的博客
08-05 175
本例只适合新手制作DropDownList无刷新ajax二级联动效果：begin：数据库实现，添加两表如图：表1，pingpai，表2，type，具体数据库实现看自己的理解：页面主要代码：Width="200" AutoPostBack="True">//以上代码实现ajax的无刷新效果程序主要代码：protected void Page_Load(object sender, EventA...
ASP.NET中DropDownList无刷新联动实现方法
04-06 850
DropDownList联动在实际的编程工作中被广泛使用，如果使用微软提供的事件操作方法，
.NET 下拉菜单联动无刷新
10-15
ASP.NET DropDownList 下拉菜单，联动时页面无刷新
.net MVC AJAX实现DropDownList数据绑定 城市联动
01-13
.net MVC下，AJAX实现DropDownList数据绑定，并实现无刷新城市联动。 内含SQL Server 数据库执行语句，只要运行一下就OK了。 运行代码时注意别忘了更改成所使用数据库的ServerName，LoginName，Password。
DropDownList省市区Ajax无刷新三级联动 带最新省市区数据库脚本.zip
02-21
DropDownList省市区Ajax无刷新三级联动 带最新省市区数据库脚本 可以直接拿来用 学习
.NET中实现客户端联动菜单 (无刷新)
05-28
// CODEGEN: This call is required by the ASP.NET Web Form Designer. // InitializeComponent(); base.OnInit(e); } /**//// /// Required method for Designer support - do not modify /// the ...
dropdownlist 省市二级联动
05-22
dropdownlist 省市二级联动 无刷新
再谈 N 个 ASP.net DropDownList 无刷新联动菜单
dianhuanzi3763的博客
01-01 48
再谈 N 个 ASP.net DropDownList 无刷新联动菜单，牺牲N-1个ASPX来实现自动更新机制，避免刷新的闪动！！ 以下代码绝对可以使用，也可以实现多级菜单。。。。 <script language="javascript">function load(state){var drp2 = document.getEleme...
ASP.net DropDownList 无刷新联动菜单
山里娃的专栏
08-31 832
WebForm2     function load(){     var drp2 = document.getElementById("DropDownList2");     drp2.innerText="";    for(var i = 0;i     drp2.remove(i);     }     var drp3 = document.getElementById("Dro
asp.net dropdownlist二级联动代写代码
最新发布
08-18
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、付费专栏及课程。

余额充值