波斯马BOSSMA Information Technology

DropList无限级联动下拉列表框（菜单）

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

最近用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，呵呵！

    2010-12-17 3:34 [回复]
  2. 淘小鸡 0楼:

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

    2010-12-17 3:31 [回复]

发表评论

相关文章

国内AI资源汇总，AI聊天、AI绘画、AI写作、AI视频、AI设计、AI编程、AI音乐等，国内顺畅访问，无需科学上网。

扫码或点击进入：萤火AI大全

    文章分类
    最新评论