首页 > 电脑专区 > CMS教程 > 帝国cms >

帝国cms(EmpireCMS)后台实现省市区三级联动

来源:互联网 2023-03-14 19:30:15 8

最近在做diguocms二次开发的过程中需要省市区三级联动的功能,在网上也找了不少的资料都是直接把省市区名称存储到对应的数据表中的方法,虽然都可以实现但都不是我想要的功能,因此今天就把我完成的过程记录下来,方便以后回顾。主要实现下图显示的功能:C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

工具/原料

省市区数据表

方法/步骤

1

在对应的数据模型中,添加存储省市区的字段。这里相对应的命名就使用province、city、area来表示存放省市区三个字段的容器。C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

2

创建完成后,修改province的“输入表单替换HTML代码”,这里修改的内容也就是会显示到页面上的内容。C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

3

这里我就直接把代码复制出来显示,方便查看。C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

4

完成这一步后,在后台的页面中就可以显示出以下的样式和内容了,是不是很简单呢?C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

5

但是要想实现选择了省份以后下面的城市列表也跟着变化就还需要接下来的操作C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

6

那就是修改city的“输入表单替换HTML代码”,这里都是一样的方法所以也就不再赘述,直接把代码贴出来。C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

7

完成了以上步骤之后就可以在后台随心所欲的显示省市联动了,感觉还是很不错的。C3m办公区 - 实用经验教程分享!

帝国cms(EmpireCMS)后台实现省市区三级联动C3m办公区 - 实用经验教程分享!

注意事项

操作之前可以先做好文件的备份要有省市区数据表

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!C3m办公区 - 实用经验教程分享!


标签:

办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码