波斯马BOSSMA Information Technology

DropList无限级联动下拉列表框(菜单)

发布时间:2008年6月14日 / 分类:JavaScript / 19,287 次浏览 / 评论

最近用javascript写了一个可以创建无限级联动下拉列表框(菜单)的类,感觉功能还可以,可以更快、更方便的制作一个多级下拉列表。与大家分享一下,并欢迎您的建议。

1、下载例子
v1.0:省市县三级联动下拉菜单
v1.1:省市县三级联动下拉菜单

【效果】

2、实现功能:
(1)、无限制多级联动
(2)、支持选择状态保存,使用Cookie
(3)、支持初始值选定
(4)、JS添加下拉列表和选择项

3、使用说明:
(1)、在页面<head></head>中间添加javascript文件引用:

<script type="text/javascript" src="dropList.js"></script>

(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();
本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自波斯马,原文地址《DropList无限级联动下拉列表框(菜单)

关键字:

建议订阅本站,及时阅读最新文章!
【上一篇】 【下一篇】

目前有3 条评论

  1. 淘小鸡 0楼:

    我的邮箱是:794687485@qq.com,呵呵!

  2. 淘小鸡 0楼:

    你好,我看了很多遍源码,但是我还是不明白,代码里注释也不是很多,我不明白每个方法这么写的意图,还请您再添加些注释。

发表评论