安静
PHP技术博客

100804 js 2级 级联菜单

在做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>
赞(0) 打赏
未经允许不得转载:AJ's Blog » 100804 js 2级 级联菜单
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏