最近在做diguocms二次开发的雒贫贼敖过程中需要省市区三级联动的功能,在网上也找了不少的资料都是直接把省市区名称存储到对应的数据表中的方法,虽然都可以实现但都不是我想要的功能,因此軎烩蔡怒今天就把我完成的过程记录下来,方便以后回顾。主要实现下图显示的功能:
工具/原料
省市区数据表
方法/步骤
1、在对应的数据模型中,添加存储省市区的字段。这里相对应的命名就使用province、罕铞泱殳city、area来表示存放省市区三个字段的容器。
2、创建完成后,修改province的“输入表单替换HTML代码”,这里修改的内容也就是会显莲镘拎扇示到页面上的内容。
3、这里我就直接把代码复制出来显示,方便查看。
4、完成这一步后,在后台的页面中就可以显示出以下的样式和内容了,是不是很简单呢?
5、但是要想实现选择了省份以后下面的城市列表也跟着变化就还需要接下来的操作
6、那就是修改city的“输入表单替换HTML代码”,这里都是一样的方法所以也就不再赘述,直接把代码贴出来。
7、完成了以上步骤之后就可以在后台随心所欲的显示省市联动了,感觉还是很不错的。