首页 > 导航菜单特效 / 站长常用 / > JS多级列表联动下拉特效

JS多级列表联动下拉特效

点击: 2409 , 发布日期: 2012-11-8
JS多级列表联动下拉特效

JS多级列表联动下拉特效

 select表单多级联动的特效,通过js的数组的方法实现多级之间的联动效果,可以根据自己的需要不断的增加与减少联动的级数。前台JS代码如下:

<script language="javascript">
 //例子1-------------------------------------------------------------
 //数据源
  var array=new Array();
  array[0]=new Array("华南地区","根目录","华南地区"); //数据格式 ID,父级ID,名称
  array[1]=new Array("华北地区","根目录","华北地区");
  array[2]=new Array("上海","华南地区","上海");
  array[3]=new Array("广东","华南地区","广东");
  array[4]=new Array("徐家汇","上海","徐家汇");
  array[5]=new Array("普托","上海","普托"); 
  array[6]=new Array("广州","广东","广州");
  array[7]=new Array("湛江","广东","湛江");
  //--------------------------------------------
  //这是调用代码
  var liandong=new CLASS_LIANDONG_YAO(array) //设置数据源
  liandong.firstSelectChange("根目录","s1"); //设置第一个选择框
  liandong.subSelectChange("s1","s2"); //设置子级选择框
  liandong.subSelectChange("s2","s3");
  
  
 
 </script>

数组的第一个参数为:当前值的ID,第二参数为:上级的ID,第三参数为:显示的名称,以这种循环的方式不断增加,这样程序循环起来也是比较方便的。

关键词: js select表单 联动

注:用QQ登录后即可下载特效,当然你的积分是有限的,望好好利用与赚取!如何获得积分

我要评论
登录再评论
全部评论