设为首页
加入收藏
发布文章
  首页   操作系统   系统集成   程序设计   网站设计   图形图象   安全技术   反击技术   硬件DIY   认证考试   免费资源
当前位置:中国E盟 -=> 网站设计 -=> CSS/HTML/XML -=> 正文  
一个基于xml的二级连动,兼容IE和FF << 使用ul实现表格效果 | HTML文档中小meta的大作用 >> 
 发布日期:2006-4-29 13:48:53 发布者:[中国E盟]  来源:[本站]  浏览:[]  评论:[ 字体:   
js代码:


>> CODE
var XmlReader = function(){
 this.GetHttpRequest = function(){
  if (window.XMLHttpRequest)  // Gecko
   return new XMLHttpRequest();
  else if (window.ActiveXObject) // IE
   return new ActiveXObject("MsXml2.XmlHttp") ;
 }
 this.LoadUrl = function(urlToCall, asyncFunctionPointer){
  var oXmlReader = this;
  var oXmlHttp = this.GetHttpRequest(); 
  oXmlHttp.open("GET", urlToCall, false); 
  oXmlHttp.send(null) ;
  if (oXmlHttp.status == 200)  this.DOMDocument = oXmlHttp.responseXML ;
  else alert("XML request error: " + oXmlHttp.statusText + " (" + oXmlHttp.status + ")") ; 
 }
 this.SelectNodes = function(xpath){
  if (document.all)  // IE
   return this.DOMDocument.selectNodes(xpath) ;
  else{     // Gecko
   var aNodeArray = new Array();
   var xPathResult = this.DOMDocument.evaluate(xpath, this.DOMDocument, this.DOMDocument.createNSResolver(this.DOMDocument.documentElement), XPathResult.ORDERED_NODE_ITERATOR_TYPE, null) ;
   if (xPathResult){
    var oNode = xPathResult.iterateNext() ;
    while(oNode){
     aNodeArray[aNodeArray.length] = oNode ;
     oNode = xPathResult.iterateNext();
    }
   }
   return aNodeArray ;
  }
 }
}

function show(field,pid,selid){
 var node = xmldoc.SelectNodes("//root/node[@pid="+pid+"]");
 field.innerHTML = null; //清除原来的option
 for(var i=0;i<node.length;++i) //增加省份名称到下拉列表
 {
  var oOption   = document.createElement('OPTION');
  oOption.text  = node[i].childNodes[0].nodeValue;
  oOption.value = node[i].getAttribute("id");
  if(oOption.value==selid) oOption.selected="selected";
  field.options.add(oOption);
 }
}


xml文档:


>> CODE
<?xml version="1.0" encoding="gb2312"?>
<root name="data_city" describe="省市联动">
  <node id="1" pid="0">江西</node>
  <node id="2" pid="1">九江</node>
  <node id="3" pid="1">南昌</node>
  <node id="4" pid="1">庐山</node>
  <node id="5" pid="1">景德镇</node>
 
  <node id="6" pid="0">北京</node>
  <node id="7" pid="6">北京西</node>
  <node id="8" pid="6">居庸关</node>
  <node id="9" pid="6">清华园</node>
  <node id="10" pid="6">周口店</node>

  <node id="11" pid="0">福建</node>
  <node id="12" pid="11">福州</node>
  <node id="13" pid="11">厦门</node>
  <node id="14" pid="11">漳州</node>

  <node id="15" pid="0">甘肃</node>
  <node id="16" pid="15">兰州</node>
  <node id="17" pid="15">洛门</node>
  <node id="18" pid="15">嘉峪关</node>

  <node id="19" pid="0">广东</node>
  <node id="20" pid="19">广州</node>
  <node id="21" pid="19">深圳</node>
  <node id="22" pid="19">东莞</node>
  <node id="23" pid="19">中山</node>

  <node id="24" pid="0">安徽</node>
  <node id="25" pid="24">合肥</node>
  <node id="26" pid="24">黄山</node>
  <node id="27" pid="24">九龙岗</node>
  <node id="28" pid="24">马鞍山</node>
</root>

]]>
打印 】【 收藏 】【 推荐 】 
相关文章 推荐文章 热门文章
·暂无  ·暂无
网页表格边框细线的的设置
使用ul实现表格效果
网页跳转代码大全
div+css网页布局入门
教你轻松破解验证码 - 解读百度贴吧杀..
 评一评
正在读取…
  笔名:
  评论:
   
【注】 发表评论必需遵守以下条例:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款

设置首页 - 加入收藏 - 关于我们 - 联系我们 - 友情连接 - -

Copyright ©2006-2008 中国E盟 Powered By:www.chinaE.org

湘ICP备05004075号