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

分享一个使用JavaScript编写的无限级联动下拉列表框类,支持多级联动、选择状态保存(使用Cookie)、初始值设定及动态添加选项等功能。通过简单的初始化和调用方法,能快速创建和管理多级下拉菜单。适用于网页交互中的地区选择等场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近用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();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值