繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 利用xml数据岛实现多级关联下拉选择框的做法
- Javascript
- 一段超强的javascript代码解密方法
- 感觉很流畅的js实现的键盘控制（带惯性）
- 脚本安需导入(装载)的三种模式的对比
- 用js实现控制内容的向上向下滚动效果
- 非常不错的一个JS分页效果代码，值得研究
- 又一个漂亮的导航栏的下拉菜单
- 特想搞点新的创意出来-立体方块
- 得到当前行的值的javascript代码
- 通用的加入收藏夹代码支持IE Firefox等浏览器
- javascript状态栏的字符先杂乱出现再排列组合的代码
- js之弹出式窗口代码生成器
- javascript实现的制作特殊字的脚本
- 一个加载js文件的小脚本
- 用JavaScript检查大写键（Caps Lock）是否打开的脚本
- javascript中的几个运算符
- ECMAScript 基础知识
- 你需要知道的JavsScript可以做什么？
- JavaScript 编程引入命名空间的方法
- javascript延时重复执行函数 lLoopRun.js
- javascript之函数直接量(function(){})()
Javascript 中的 利用xml数据岛实现多级关联下拉选择框的做法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 466 ::
收藏到网摘: n/a
<select name=year></select>
<select name=month></select>
<select name=date></select>
<select name=clock></select>
<input name=result>
<script>
var arrSel=["year","month","date","clock"];//arrSel定义了要修改的下拉框和xml数据的节点名称
</script>
<xml id=xmldata>
<xmldata>
<year value="2000">
<month value="4">
<date value="14">
<clock value="一点" />
<clock value="三点" />
</date>
<date value="17">
<clock value="一点" />
</date>
</month>
<month value="5">
<date value="15">
<clock value="一点" />
<clock value="四点" />
<clock value="七点" />
</date>
</month>
</year>
<year value="2001">
<month value="7">
<date value="16">
<clock value="一点" />
<clock value="五点" />
<clock value="九点" />
</date>
</month>
</year>
</xmldata>
</xml>
<script>
function qswhXml(num){
/******* by qiushuiwuhen(2002-5-17) ********/
var i,j,arrTemp=[];
for(i=0;i<num;i++)arrTemp[i]=document.all(arrSel[i]).options[document.all(arrSel[i]).selectedIndex].text
if(num==arrSel.length){//这里处理最后的数据。
document.all("result").value="选中了("+arrTemp+")";return;
}
with(document.all(arrSel[num])){
length=0
var obj=document.all.xmldata.XMLDocument.childNodes[0];
for(i=0;i<num;i++)obj=obj.selectSingleNode(arrSel[i]+'[@value="'+arrTemp[i]+'"]');
for(i=0;i<obj.childNodes.length;i++)options[length++].text=obj.childNodes[i].getAttribute("value");
onchange=new Function("qswhXml("+(num+1)+")");
onchange();
}
}
qswhXml(0);
</script>
秋水无恨 :)
评论 (0) All
