日期:2014-05-16  浏览次数:20317 次

javascript 两级联动、三级联动、多级联动(一)
公司使用的代理服务器有限制上传字节数的限制,所以只能分成三篇来发
<script language="JavaScript" type="text/javascript">
            //ChangeSelect(上一级的值,下一级Select控件的ID值,下一级Select控件要选中的值(即value而非text),数据源数组名),第一级的上级值为0
            function ChangeSelect(ParentValue, NextId, NextSelectedValue, ArrObj)
            {
            StrObj = eval(document.getElementById(NextId));
            StrObj.length = 0;
            //判断它是二维数组数据源,还是三维数组数据源
            if (ArrObj.length > 0)
            {
            if (ArrObj[0].length == 2)
            {ArrNum = 0;}
            else
            {ArrNum = 2;}
            }
            //显示所有列表
            for (i = 0; i < ArrObj.length; i++)
            {
            if (i == 0)
            {
            StrObj.options[StrObj.length] = new Option("- 请选择 -", "");
            }
            if (ArrObj[i][1] == ParentValue)
            {
            StrObj.options[StrObj.length] = new Option(ArrObj[i][0],ArrObj[i][ArrNum]);
            }
            }
            //选中列表内某一项
            for (i = 0; i < StrObj.length; i++)
            {
            if (StrObj.options[i].value == NextSelectedValue)
            {
            StrObj.options[i].selected = true;
            }
            }
            //激发下一级的onchange事件以实现多级级联
            StrObj.onchange();
            }