最近用javascript写了一个可以创建无限级联动下拉列表框(菜单)的类,感觉功能还可以,可以更快、更方便的制作一个多级下拉列表。与大家分享一下,并欢迎您的建议。
【效果】
2、实现功能:
(1)、无限制多级联动
(2)、支持选择状态保存,使用Cookie
(3)、支持初始值选定
(4)、JS添加下拉列表和选择项
3、使用说明:
(1)、在页面
中间添加javascript文件引用:(2)、初始化对象:
var AreaDropList1_DP1_dl = new DropList('AreaDropList1_DP1_dl','86',true);
参数依次为:
? 对象名称: 与对象保持一致即可,AreaDropList1_DP1_dl
? 最上级值: 不能为空
? 是否使用Cookie: 使用Cookie保存选择项,确保不会因为刷新或后退丢失选择项
(3)、添加下拉列表:
AreaDropList1_DP1_dl.AddSelect("AreaDropList1_DP1_country","AreaDropList1_DP1_country","-请选择-");
AreaDropList1_DP1_dl.AddSelect("AreaDropList1_DP1_prov","AreaDropList1_DP1_prov","-请选择-");
AreaDropList1_DP1_dl.AddSelect("AreaDropList1_DP1_city","AreaDropList1_DP1_city","-请选择-");
参数依次为:
? 下拉框ID属性: AreaDropList1_DP1_country
? 下拉框Name属性: AreaDropList1_DP1_country
? 下拉框提示: -请选择-
(4)、添加下拉列表项目:
AreaDropList1_DP1_dl.AddSelectItem('北京市','86','110000','true');
?参数依次为:
? 项名称: 北京市
? 上级值: 86
? 项值: 110000
? 是否选中: true
(5)、构造输出:
AreaDropList1_DP1_dl.InitControl();