asp.net实现无刷新DropDownList联动

最新推荐文章于 2017-04-17 14:54:36 发布

chenyongfeng_200

最新推荐文章于 2017-04-17 14:54:36 发布

阅读量479

点赞数

分类专栏： C#学习资料文章标签： asp.net dataset button textbox server microsoft

本文链接：https://blog.csdn.net/chenyongfeng_200/article/details/4024623

版权

本文介绍如何在ASP.NET中实现无刷新的DropdownList联动效果，通过JavaScript和XMLHttpRequest对象发送请求，获取并更新第二个DropdownList的数据，从而提供更流畅的用户体验。

摘要由CSDN通过智能技术生成

asp.net实现无刷新DropDownList联动:

   <%@    Page    language="c#"    Codebehind="Example.aspx.cs"    AutoEventWireup="false"    Inherits="Webs.other.Example"    %>
   <HTML>
   <HEAD>
   <title>Example</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>
   function    load(state){
   var    drp2    =    document.getElementById("DropDownList2");
   for    (i    =    drp2.length;    i    >=    0;    i--){
   drp2.options.remove(i);
   }

   var    oHttpReq    =    new    ActiveXObject("MSXML2.XMLHTTP");
   var    oDoc    =    new    ActiveXObject("MSXML2.DOMDocument");

   oHttpReq.open("POST",    "getData.aspx?state="+state,    false);
   oHttpReq.send("");
   result    =    oHttpReq.responseText;
   oDoc.loadXML(result);
   items1    =    oDoc.selectNodes("//CITY/Table/Id");
   items2    =    oDoc.selectNodes("//CITY/Table/shiname");

   var    itemsLength=items1.length;
   　　for(i=0;i<itemsLength;i++)

   //将小类的类名和编号赋予DropDownList2
   　　{

最低0.47元/天解锁文章

chenyongfeng_200

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
asp.net实现无刷新DropDownList联动

asp.net实现无刷新DropDownList联动: Example function load(state){ var drp2 = document.getElementById("DropDow
复制链接

扫一扫

专栏目录