js三级联动

最新推荐文章于 2024-04-26 20:21:12 发布

iteye_17600

最新推荐文章于 2024-04-26 20:21:12 发布

阅读量96

点赞数

分类专栏： Javascript 文章标签： JavaScript prototype HTML ViewUI

本文链接：https://blog.csdn.net/iteye_17600/article/details/81761650

版权

Javascript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>级联菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">

<script language="JavaScript">

function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined")
{
return false;
}
return true;
}

function change(v)
{
var str="0";
for(i=0;i<v;i++)
{
str+=("_"+(document.getElementById(s[i]).selectedIndex-1));
};
var ss=document.getElementById(s[v]);
with(ss)
{
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
   if(dsy.Exists(str))
   {
    ar = dsy.Items[str];
    for(i=0;i<ar.length;i++)
    {
    options[length]=new Option(ar[i],ar[i]);
    }
    if(v)options[1].selected = true;
   }
}
if(++v<s.length)
{
change(v);
}
}
}

var dsy = new Dsy();

dsy.add("0",["总办","财政部","技术部"]);

dsy.add("0_0",["技术总办","销售总办","人事总办"]);

dsy.add("0_0_0",["1"]);
dsy.add("0_0_1",["2"]);
dsy.add("0_0_2",["3"]);

dsy.add("0_1",["财政一","财政二","财政三"]);

dsy.add("0_1_0",["1"]);
dsy.add("0_1_1",["1","2"]);
dsy.add("0_1_2",["1","2"]);

dsy.add("0_2",["eoms","sp","网管综合","技术支撑"]);

dsy.add("0_2_0",["1","2","3"]);
dsy.add("0_2_1",["1","3","2"]);
dsy.add("0_2_2",["1","3","2"]);
dsy.add("0_2_3",["1","3","2"]);

</script>

<script language = JavaScript>

var s=["s1","s2","s3"];
var opt0 = ["部门","组","人员"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).οnchange=new Function("change("+(i+1)+")");
change(0);
}

</script>

</head>
<body onLoad="setup()" >
<form name="frm">
<select id="s1">

</select>
<select id="s2">

</select>
<select id="s3">

</select>
</form>
</body>
</html>