基于XML的动态N级联动
2004-08-17 19:53
381 查看
XML数据文件:
mselect.xml
<?xml version="1.0" encoding="GB2312" ?>
<Troot>
<Item id="1" pid="0" c="1">大学</Item>
<Item id="2" pid="0" c="3">中学</Item>
<Item id="3" pid="0" c="3">小学</Item>
<Item id="4" pid="2" c="2">高中</Item>
<Item id="5" pid="2" c="5">初中</Item>
<Item id="6" pid="15" c="3">清华大学</Item>
<Item id="7" pid="15" c="4">北京大学</Item>
<Item id="8" pid="5" c="3">天津铁三中</Item>
<Item id="9" pid="4" c="3">天津市二中</Item>
<Item id="10" pid="16" c="2">天津音乐学院</Item>
<Item id="11" pid="15" c="5">天津商学院</Item>
<Item id="12" pid="4" c="3">耀华中学</Item>
<Item id="13" pid="3" c="6">昆纬路小学</Item>
<Item id="14" pid="2" c="6">七中</Item>
<Item id="15" pid="1" c="1">综合类院校</Item>
<Item id="16" pid="1" c="1">艺术类院校</Item>
<Item id="17" pid="15" c="4">医科大学</Item>
<Item id="18" pid="15" c="4">天津师范大学</Item>
<Item id="19" pid="15" c="23">天津大学</Item>
<Item id="20" pid="15" c="7">南开大学</Item>
<Item id="21" pid="4" c="23">天津铁一中</Item>
<Item id="22" pid="5" c="5">天津铁一中</Item>
<Item id="23" pid="3" c="3">天津市铁路职工子弟第三小学</Item>
<Item id="24" pid="3" c="3">天津市铁路职工子弟第一小学</Item>
<Item id="25" pid="16" c="3">美术学院</Item>
<Item id="26" pid="16" c="3">体育学院</Item>
</Troot>
mselect.htm
<HTML>
<HEAD>
<TITLE>XML版本的多级联动</TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
/***********************************************
//
// 用DOM实现:基于XML的动态N级联动
//
//**********************************************/
// 最终版权归 DSclub(任兀)拥有,您可以在未授权的情况下使用,但请保留此信息
//
// EMail:dsclub@hotmail.com
// QQ:9967030
// Nick Name: DSclub(兀儿-干部)
// 姓名:任兀
// 多级联动的Select集合
var objSelects = new Array();
// 创建应有的Select对象
function funCreateSelectEl(passPid)
{
// 创建DOMDocument对象
var xmlSrc = new ActiveXObject("MicroSoft.XMLDOM");
xmlSrc = xmlSource.XMLDocument;
// root为文档对象的根节点
var root = xmlSrc.documentElement;
// 得到所传父ID的所有节点
var currentItems = root.selectNodes("//Troot/Item[@pid = " + passPid + "]");
var iItems = currentItems.length;
</SCRIPT>
</HEAD>
<BODY onload="funCreateSelectEl(0)">
<DIV ID="oDIV"></DIV>
<XML ID="xmlSource" src="mselect.xml"/>
<BR/>
选定结果:<SPAN ID="OUTPUT"></SPAN>
</BODY>
</HTML>
把mselect.xml和mselect.htm保存到同一目录,IE运行mselect.htm。
mselect.xml
<?xml version="1.0" encoding="GB2312" ?>
<Troot>
<Item id="1" pid="0" c="1">大学</Item>
<Item id="2" pid="0" c="3">中学</Item>
<Item id="3" pid="0" c="3">小学</Item>
<Item id="4" pid="2" c="2">高中</Item>
<Item id="5" pid="2" c="5">初中</Item>
<Item id="6" pid="15" c="3">清华大学</Item>
<Item id="7" pid="15" c="4">北京大学</Item>
<Item id="8" pid="5" c="3">天津铁三中</Item>
<Item id="9" pid="4" c="3">天津市二中</Item>
<Item id="10" pid="16" c="2">天津音乐学院</Item>
<Item id="11" pid="15" c="5">天津商学院</Item>
<Item id="12" pid="4" c="3">耀华中学</Item>
<Item id="13" pid="3" c="6">昆纬路小学</Item>
<Item id="14" pid="2" c="6">七中</Item>
<Item id="15" pid="1" c="1">综合类院校</Item>
<Item id="16" pid="1" c="1">艺术类院校</Item>
<Item id="17" pid="15" c="4">医科大学</Item>
<Item id="18" pid="15" c="4">天津师范大学</Item>
<Item id="19" pid="15" c="23">天津大学</Item>
<Item id="20" pid="15" c="7">南开大学</Item>
<Item id="21" pid="4" c="23">天津铁一中</Item>
<Item id="22" pid="5" c="5">天津铁一中</Item>
<Item id="23" pid="3" c="3">天津市铁路职工子弟第三小学</Item>
<Item id="24" pid="3" c="3">天津市铁路职工子弟第一小学</Item>
<Item id="25" pid="16" c="3">美术学院</Item>
<Item id="26" pid="16" c="3">体育学院</Item>
</Troot>
mselect.htm
<HTML>
<HEAD>
<TITLE>XML版本的多级联动</TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
/***********************************************
//
// 用DOM实现:基于XML的动态N级联动
//
//**********************************************/
// 最终版权归 DSclub(任兀)拥有,您可以在未授权的情况下使用,但请保留此信息
//
// EMail:dsclub@hotmail.com
// QQ:9967030
// Nick Name: DSclub(兀儿-干部)
// 姓名:任兀
// 多级联动的Select集合
var objSelects = new Array();
// 创建应有的Select对象
function funCreateSelectEl(passPid)
{
// 创建DOMDocument对象
var xmlSrc = new ActiveXObject("MicroSoft.XMLDOM");
xmlSrc = xmlSource.XMLDocument;
// root为文档对象的根节点
var root = xmlSrc.documentElement;
// 得到所传父ID的所有节点
var currentItems = root.selectNodes("//Troot/Item[@pid = " + passPid + "]");
var iItems = currentItems.length;
</SCRIPT>
</HEAD>
<BODY onload="funCreateSelectEl(0)">
<DIV ID="oDIV"></DIV>
<XML ID="xmlSource" src="mselect.xml"/>
<BR/>
选定结果:<SPAN ID="OUTPUT"></SPAN>
</BODY>
</HTML>
把mselect.xml和mselect.htm保存到同一目录,IE运行mselect.htm。
相关文章推荐
- 基于XML的动态N级联动
- 基于SurfaceView创建手机xml动态背景
- ASP + XML + JavaScript 实现动态无限级联动菜单
- Maven中基于POM.xml的Profile来动态切换配置信息
- ASP + XML + JavaScript 实现动态无限级联动菜单
- ASP + XML + JavaScript 实现动态无限级联动菜单
- ASP+XML+JavaScript实现动态无限级联动菜单
- 基于xml 实现动态加载权限功能树列表---EFSFrame企业级开发架构
- 基于XML,以POST方式,完成省份-城市二级下拉联动
- 基于xml 实现动态加载权限功能树列表---EFSFrame企业级开发架构
- XLoadTree 基于AJAX + XML动态加载的JS树组件的文档翻译
- ASP+XML+JavaScript实现动态无限级联动菜单
- ASP + XML + JavaScript 实现动态无限级联动菜单
- ASP + XML + JavaScript 实现动态无限级联动菜单
- 基于JSP Servlet xml的select二级联动
- AJAX应用案例--基于XML,以POST方式,完成二级下拉联动【省份-城市】
- MyBatis之基于XML的动态SQL
- ASP + XML + JavaScript 实现动态无限级联动菜单
- Maven中基于POM.xml的Profile来动态切换配置信息
- 省市联动下拉框 基于:js + xmlhttp