JS三级联动菜单

fanjf

浏览: 329623 次
性别:
来自: 安徽

最近访客更多访客>>

u012363178

Blue丶s

ywt_go

terryhello

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

<html>
<head>
<title>JS三级联动菜单</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)
{
        alert("v==="+v);
        var str="0";
        for(i=0;i<v;i++)
        {
                alert("for=="+v);
                str+=("_"+(document.getElementById(s[i]).selectedIndex-1));
        };

        //取出所有第1级菜单，并初始化
        var ss=document.getElementById(s[v]);
        with(ss)
        {
                length = 0;
                options[0]=new Option(opt0[v],opt0[v]); //select 的option第1个值单独取得
                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; //默认选择第2个
                        }
                }
                if(++v<s.length)
                {
                        change(v);
                }
        }

        alert("end v==="+v);
}

var dsy = new Dsy();

dsy.add("0",["安徽省","福建省","江西省"]); //一级菜单

dsy.add("0_0",["合肥市","淮南市","亳州市"]); //

dsy.add("0_0_0",["合肥A县","合肥B县","合肥C县"]);
dsy.add("0_0_1",["淮南A县","淮南B县","淮南C县"]);
dsy.add("0_0_2",["亳州A县","亳州B县","亳州C县"]);

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",["南昌市","九江市","吉安市","抚州市"]);

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>

//定义：3个select的Id，options的text值
var s=["s1","s2","s3"];
var opt0 = ["省","市","县"];
function setup() {
for(i=0;i<s.length-1;i++)
        //为每个select 定义个onchange方法，用于级联
   document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");

   //默认初始化第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>

分享到：

JS函数一览100条 | js中的窗体（window）

2012-02-25 01:28
浏览 1372
评论(0)
分类:开源软件
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论