在做idcbss 系统的时候,一个关于 js 2级 权限 级联菜单的代码分享,代码注释很全 ,直接复制可以查看demo
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”><HTML><HEAD><meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″><TITLE> blog.80aj.com </TITLE><META NAME=”Generator” CONTENT=”EditPlus”><META NAME=”Author” CONTENT=””><META NAME=”Keywords” CONTENT=””><META NAME=”Description” CONTENT=””><script language=”JavaScript” type=”text/javascript”>//定义权限的 2维数组var pro=[[[“1″,”总经理”],[“2″,”副经理”],[“3″,”经理”]],[[“1″,”总财务”],[“2″,”副财务”],[“3″,”财务”]],[[“1″,”总网维”],[“2″,”副网维”],[“3″,”网维”]],[[“1″,”总销售”],[“2″,”副销售”],[“3″,”销售”]]];function getPros(){//获得组下拉框的对象var sltGroup=document.form1.group;//获得权限下拉框的对象var sltPro=document.form1.pro;//得到对应组的权限数组var groupPro=pro[sltGroup.selectedIndex – 1];//清空权限下拉框,仅留提示选项sltPro.length=1;//将权限数组中的值填充到权限下拉框中for(var i=0;i<groupPro.length;i++){sltPro[i+1]=new Option(groupPro[i][1],groupPro[i][0]);}}</script></HEAD><BODY><FORM METHOD=POST ACTION=”” name=”form1″><SELECT NAME=”group” onChange=”getPros()”><OPTION>请选择部门 </OPTION><OPTION VALUE=”总经理办公室”>总经理办公室 </OPTION><OPTION VALUE=”财务办公室”>财务办公室 </OPTION><OPTION VALUE=”网维办公室”>网维办公室</OPTION><OPTION VALUE=”销售办公室”>销售办公室</OPTION></SELECT><SELECT NAME=”pro”><OPTION>请选择职务 </OPTION></SELECT></FORM></BODY></HTML>