跟十八哥学php之—无限级联动下拉菜单,DropList无限级联动下拉列表框(菜单)...

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

【效果】

1d14d52c81e0927de854aa2c87dc04c6.png

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();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值