asp.net实现无刷新DropDownList联动

最新推荐文章于 2017-09-11 16:39:00 发布

chenyongfeng_200

最新推荐文章于 2017-09-11 16:39:00 发布

阅读量533

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/chenyongfeng_200/article/details/4024623

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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
   　　{
   　　var    newOption    =    document.createElement("OPTION");
   　　newOption.text=items2[i].text;
   　　newOption.value=items1[i].text;
   　　drp2.options.add(newOption);
   　　}
   }
   window.onload    =    function(){load('1');}

&nb