当前位置:首页 > 网络编程 > WEB编程 > ASP.net >  无刷新dropdownlist并进行关联(js+xml)

 无刷新dropdownlist并进行关联(js+xml)

点击次数:22 次 发布日期:2008-11-26 09:49:36 作者:源代码网
源代码网推荐      asp.net的dropdownlist控件为我们的web应用提供了许多用处,但有一点我总感觉不爽的就是在使用dropdownlist的事件是总要要将数据返回到服务端执行(也就是要刷新页面),比如:
源代码网推荐  二个dropdownlist控件并进行关联。更改dropdownlist1值时同时更新dropdownlist2的内容.
源代码网推荐  
源代码网推荐  下面是数据库(xml)
源代码网推荐  
源代码网推荐  
源代码网推荐  <?xml version="1.0" encoding="gb2312"?>
源代码网推荐  <!-- 拍摄的器材 -->
源代码网推荐  <imagechina>
源代码网推荐   <brand id="1" brandname="Can佳能">
源代码网推荐   <name>Eos IDS</name>
源代码网推荐   <name>D5</name>
源代码网推荐   </brand>
源代码网推荐   <brand id="2" brandname="三星">
源代码网推荐   <name>F65</name>
源代码网推荐   <name>F65</name>
源代码网推荐   </brand>
源代码网推荐  </imagechina>
源代码网推荐  HTML代码
源代码网推荐  
源代码网推荐   <body onLoad="ChooseState()" leftmargin="0" topmargin="0">
源代码网推荐  <asp:DropDownList onchange="ChooseBrand()" id="brand_id" runat="server"></asp:DropDownList>
源代码网推荐  
源代码网推荐  <asp:DropDownList id="model_id" runat="server"></asp:DropDownList>
源代码网推荐   <script language="JavaScript">
源代码网推荐  <!--
源代码网推荐   function ChooseState()
源代码网推荐   {
源代码网推荐   var source;
源代码网推荐   var sourceName = "brand.xml";
源代码网推荐   var source = new ActiveXObject("Microsoft.XMLDOM");
源代码网推荐   source.async = false;
源代码网推荐   source.load(sourceName);
源代码网推荐   root = source.documentElement;
源代码网推荐   sortField=root.selectNodes("//@brandname");
源代码网推荐   for(var i=0;i<sortField.length;++i)
源代码网推荐   {
源代码网推荐   var oOption = document.createElement("OPTION");
源代码网推荐   oOption.text = " "+sortField[i].text+" ";
源代码网推荐   oOption.value = sortField[i].text;
源代码网推荐   NewOpus.brand_id.options.add(oOption);
源代码网推荐   }
源代码网推荐   ChooseCity();
源代码网推荐   }
源代码网推荐  
源代码网推荐   function ChooseBrand()()
源代码网推荐   {
源代码网推荐   x=NewOpus.brand_id.selectedIndex;
源代码网推荐   y=NewOpus.brand_id.options[x].value;
源代码网推荐   sortField=root.selectNodes("//brand[@brandname=""+y+""]/name");
源代码网推荐   for(var i=NewOpus.model_id.options.length-1;i>=0;--i)
源代码网推荐   {
源代码网推荐   NewOpus.model_id.options.remove(i)
源代码网推荐   }
源代码网推荐   for(var i=0;i<sortField.length;++i)
源代码网推荐   {
源代码网推荐   var oOption = document.createElement("OPTION");
源代码网推荐   oOption.text = " "+sortField[i].text+" ";
源代码网推荐   oOption.value = sortField[i].text;
源代码网推荐   NewOpus.model_id.options.add(oOption);
源代码网推荐   }
源代码网推荐   }
源代码网推荐  //-->
源代码网推荐   </script>  做人要厚道,请注明转自酷网动力(www.ASPCOOL.COM)。
源代码网推荐


源代码网供稿.
网友评论 (0)
会员中心
网络编程
本站推荐
网络编程之精华