设为首页收藏本站Access中国

Office中国论坛/Access中国论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

返回列表 发新帖
查看: 4639|回复: 2
打印 上一主题 下一主题

用XML实现三级联动下拉列表框

[复制链接]
跳转到指定楼层
1#
发表于 2009-2-3 21:17:23 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
''+
''+
''+
''+
''+
''+
'';
/*选择部门
id是用于区分同一个页面里多组这样的联动下拉列表框*/
function ChooseDept(id)
{
var selDept;
if(id==0)
selDept=frmPrograms.selDept;
else
selDept=frmPrograms.selDept1;
//var sourceName = "./dept_divi_sect.php";
//用于生成xml的程序文件,
//这里我为了大家有一个直观的感觉,写了一段示例XML代替,
//如果要加载XML文件,下面就改用load()。
var source = new ActiveXObject('Microsoft.XMLDOM');
source.async = false;
//source.load(sourceName);
source.loadXML(dept_divi_sect);
root = source.documentElement;
sortFieldText=root.selectNodes("/DEPT_DIVI_SECT/DEPT/@NAME");
sortFieldValue=root.selectNodes("/DEPT_DIVI_SECT/DEPT/@ID");
var oOption = document.createElement('OPTION');
oOption.text = " 请选择 ";
oOption.value = "-1";
selDept.options.add(oOption);
for(var i=0;i {
var oOption = document.createElement('OPTION');
oOption.text = " "+sortFieldText.text+" ";


   本篇文章共3页,此页为首页   下一页






oOption.value = sortFieldValue.text;
selDept.options.add(oOption);
}
ChooseDivi(id);
}
/*选择处室*/
function ChooseDivi(id)
{
var selDept;
var selDivi;
if(id==0)
{
selDept=frmPrograms.selDept;
selDivi=frmPrograms.selDivi;
}
else
{
selDept=frmPrograms.selDept1;
selDivi=frmPrograms.selDivi1;
}
x=selDept.selectedIndex;
y=selDept.options[x].value;
sortFieldText=root.selectNodes("/DEPT_DIVI_SECT/DEPT[@ID='"+y+"']/DIVI/@NAME");
sortFieldValue=root.selectNodes("/DEPT_DIVI_SECT/DEPT[@ID='"+y+"']/DIVI/@ID");
for(var i=selDivi.options.length-1;i>=0;--i)
{
selDivi.options.remove(i)
}
var oOption = document.createElement('OPTION');
oOption.text = " 请选择 ";
oOption.value = "-1";
selDivi.options.add(oOption);
for(i=0;i {
var oOption = document.createElement('OPTION');
计算机教程用XML实现三级联动下拉列表框来自www.itwen.comIT WEN计算机教程网

oOption.text = " "+sortFieldText.text+" ";
oOption.value = sortFieldValue.text;
selDivi.options.add(oOption);
}
ChooseSect(id);
}
/*选择科室*/
function ChooseSect(id)
{
var selDept;
var selDivi;
var selSect;
if(id==0)
{
selDept=frmPrograms.selDept;
selDivi=frmPrograms.selDivi;
selSect=frmPrograms.selSect;
}
else
{
selDept=frmPrograms.selDept1;
selDivi=frmPrograms.selDivi1;
selSect=frmPrograms.selSect1;
}
x1=selDept.selectedIndex;
y1=selDept.options[x1].value;
x2=selDivi.selectedIndex;
y2=selDivi.options[x2].value;
if(x2==0)
{
sortFieldText=root.selectNodes("/DEPT_DIVI_SECT/DEPT[@ID='"+y1+"']//SECT/@NAME");
sortFieldValue=root.selectNodes("/DEPT_DIVI_SECT/DEPT[@ID='"+y1+"']//SECT/@ID");
}
else
{
sortFieldText=root.selectNodes("/DEPT_DIVI_SECT/DEPT[@ID='"+y1+"']/DIVI[@ID='"+y2+"']/SECT/@NAME");
sortFieldValue=root.selectNodes("/DEPT_DIVI_SECT/DEPT[@ID='"+y1+"']/DIVI[@ID='"+y2+"']/SECT/@ID");
}
for(var i=selSect.options.length-1;i>=0;--i)

   本篇文章共3页,此页为第2 页   上一页   下一页



  



{
selSect.options.remove(i)
}
var oOption = document.createElement('OPTION');
oOption.text = " 请选择 ";
oOption.value = "-1";
selSect.options.add(oOption);
for(i=0;i {
var oOption = document.createElement('OPTION');
oOption.text = " "+sortFieldText.text+" ";
oOption.value = sortFieldValue.text;
selSect.options.add(oOption);
}
}









  部门名称






  处室名称




  科室名称










   本篇文章共3页,此页为末页   首页
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖 订阅订阅
2#
发表于 2010-3-4 12:33:00 | 只看该作者
兄弟这是JS代码
网页编程用的
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|站长邮箱|小黑屋|手机版|Office中国/Access中国 ( 粤ICP备10043721号-1 )  

GMT+8, 2024-4-27 18:19 , Processed in 0.087084 second(s), 25 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表