波斯马BOSSMA Information Technology

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

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

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

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

【效果】

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

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

(2)、初始化对象:

参数依次为:
  对象名称: 与对象保持一致即可,AreaDropList1_DP1_dl
  最上级值: 不能为空
  是否使用Cookie: 使用Cookie保存选择项,确保不会因为刷新或后退丢失选择项

(3)、添加下拉列表:

参数依次为:
  下拉框ID属性: AreaDropList1_DP1_country
  下拉框Name属性: AreaDropList1_DP1_country
  下拉框提示: -请选择-

(4)、添加下拉列表项目:

 参数依次为:
  项名称: 北京市
  上级值: 86
  项值: 110000
  是否选中: true

(5)、构造输出:

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

关键字:

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

目前有3 条评论

  1. 淘小鸡 板凳:

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

  2. 淘小鸡 沙发:

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

发表评论