利用xml数据岛实现多级关联下拉选择框的做法
时间： 2021-07-31 作者：daque
<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>
相关推荐
推荐下载
热门阅览
最新排行
- 1 手机如何装windows系统，手机装windows系统教程
- 2 微信公众号重大调整 新公注册公众号将没有留言功能
- 3 烧杯app最剧烈的反应有哪些？ 烧杯app攻略
- 4 微信小程序怎么用 微信小程序使用教程
- 5 360快剪辑怎么使用？360快剪辑图文视频教程
- 6 八分音符外挂神器：绝望中的战斗机
- 7 2017热门微信小程序排行榜 微信小程序二维码大全
- 8 微信聊天记录导出到电脑 怎么在电脑上查看微信聊天记录
- 9 在U递上赚钱和省钱教程 教你在U递上怎么赚钱何省钱
- 10 u递邀请码申请教程 u递邀请码领取方法
- 11 如何解决爱奇艺账号登陆验证 跳过爱奇艺账号手机登录验证方法分享 亲测好用
- 12 手机申请无限制申请QQ靓号 手机怎样无限申请Q号