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

时间:2010-03-09 11:59:46  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:时同时更新dropdownlist2的内容.      下面是数据库(xml)         <?xml version="1.0" encoding="gb2312"?>   <!-- 拍摄的器材 -->   <imagechina>    <brand id="1" brandname="Can佳能&q...
  正文: ASP/ target=_blank class=infotextkey>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> 《无刷新dropdownlist并进行关联(js+xml)》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/aspnet/13155.html


关键字:

关于《无刷新dropdownlist并进行关联(js+xml)》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td