当前位置: 代码迷 >> JavaScript >> javascript 两级联动、三级联动、多级联动(1)
  详细解决方案

javascript 两级联动、三级联动、多级联动(1)

热度:168   发布时间:2012-08-16 12:02:15.0
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();
            }
            
           
  相关解决方案