打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
数据岛的运用

数据岛是指存在于HTML页面中的XML代码。数据岛允许你在HTML页面中集成XML,对XML编 写脚本,而不需要通过脚本或<OBJECT>标签读取XML。几乎所有能够存在于一个结构完整 的XML文档中的东西都能存在于一个数据岛中。包括处理指示、DOCTYPE声明和内部子集 。(注意,编码串不能放在数据岛中。)
<XML>元素标记数据岛的开始,它的ID属性提供了一个可以用来引用数据岛的名称。

<script language="javascript">
var xmlID = "xmlcmbtree";
var cmbPrefix = "xmlcmb";
var nMaxLevel = 3;
var tblName = "tbl";
function CreateList(nLevel)
{
  
var doc = document.all("xmlcmbtree").documentElement;

  
var nodes, nIndex, node;
  nodes 
= doc.childNodes;
  
for (var i=1; i < nLevel;i++)
  
{
nIndex 
= document.all(cmbPrefix + i).selectedIndex;
node 
= nodes[nIndex];
nodes 
= node.childNodes;
  }
  

  
var cmb = document.all(cmbPrefix + nLevel);
  
if (!cmb)
  
{
    cmb 
= document.createElement("SELECT");
    cmb.id 
= cmbPrefix + nLevel;
    cmb.onchange 
= new Function("ChangeSelection(" + nLevel + ")");

  
//document.body.appendChild(cmb);
    var cell = document.all(tblName).rows[1].insertCell();
    cell.appendChild(cmb);

    
    cell 
= document.all(tblName).rows[0].insertCell();

    
var label = document.createElement("SPAN");
    label.style.fontWeight 
= "bold";
    label.style.color 
= "red";
    label.innerHTML 
= nodes[0].nodeName + ":";

    cell.appendChild(label);

  
// document.body.insertBefore(label,cmb)

  }
  

  cmb.options.length 
= 0;

  

  
for (i=0; i < nodes.length;i++)
  
{
var opt = new Option(nodes[i].getAttribute("text"),nodes[i].getAttribute("value"));
cmb.options.add(opt);
  }


  ChangeSelection(nLevel);
}


function ChangeSelection(nLevel)
{
  
if (nLevel < nMaxLevel)
  CreateList(nLevel
+1);
}


</script>
<body onload="CreateList(1);">
<!-- 用JSP生成就可以了 !-->
<xml id="xmlcmbtree">
<country>
<province text="Jiang Su" value="Jiang Su">
  
<city text="Nan Jing" value="Nan Jing">
    
<street text="Xin Jie Kou" value="Xin Jie Kou" />
    
<street text="Dong Jia Xiang" value="Dong Jia Xiang" />
  
</city>
  
<city text="Su Zhou" value="Su Zhou">
    
<street text="Guan Qian Jie" value="Guan Qian Jie" />
    
<street text="Re Min Lu" value="Re Min Lu" />
  
</city>
</province>
<province text="Beijing" value="Beijing">
  
<city text="Beijing" value="Beijing">
    
<street text="Xin Jie Kou" value="Xin Jie Kou" />
    
<street text="Si Huan Lu" value="Si Huan Lu" />
    
<street text="Xue Yuan Lu" value="Xue Yuan Lu" />
  
</city>
</province>
<province text="Hei Bei" value="Hei Bei">
  
<city text="Shi Jia Zhuang" value="Shi Jia Zhuang">
    
<street text="Ren Min Lu" value="Ren Min Lu" />
  
</city>
</province>
</country>
</xml>
<table id="tbl" border="1" cellspacing="0" cellpadding="0"">
<tr></tr>
<tr></tr>
</table>
</body>
 
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
jquery.each读取json数据
Jquery 获得TreeView选中值
Javascript取select的选中值和文本
js和jq判断select是否选中、获取select选中的值
jQuery-对Select的操作集合
Javascript获取select下拉框选中的的值
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服