首先配置帝国CMS的地址联动字段并导入地区数据,然后通过Ajax调用e/action/addr.php接口动态加载省、市、区三级下拉选项,选择时传递parentid实现联动,最后将选中值存入对应数据库字段并在编辑时根据ID回显。

帝国CMS实现三级联动下拉菜单,核心在于调用地区数据并实现省、市、区之间的动态关联。虽然系统自带的“地址联动”字段支持多级选择,但在实际开发中,往往需要自定义样式或与前端框架结合,这就需要手动处理联动逻辑。
1. 开启并配置地区联动数据
在使用三级联动前,需确保系统已启用地区管理功能:
-
登录后台 → 系统设置 → 管理数据表 → 选择对应数据表(如新闻系统)→ 修改“录入项”
添加字段类型为“地址联动”的字段,系统会自动创建三个字段:provincial、city、area(具体名称可自定义)
保存后,系统自动加载国家统计局标准地区数据,包含省、市、区三级结构
若未看到数据,可进入“系统”→“其他相关选项”→“管理地址联动数据”手动导入或补充。
2. 前端调用省市区数据并实现联动
直接调用数据库中的地区表(通常为 `enewsdistrict`)来生成下拉选项。关键点是通过Ajax动态加载下级区域。
-
在页面中创建三个select元素:省份、城市、区县
首次加载时,从数据库读取一级(parentid=0)地区作为省份列表
当用户选择省份后,通过JavaScript发送Ajax请求,查询parentid为所选省份ID的城市列表
同理,选择城市后加载对应的区县
示例代码片段(使用jQuery):
// 加载省份
$.get('[!--news.url--]e/action/addr.php?f=0', function(data){
$('#province').html(data);
});
// 加载城市
$('#province').change(function(){
var pid = $(this).val();
$.get('[!--news.url--]e/action/addr.php?f=1&id='+pid, function(data){
$('#city').html(''+data);
$('#district').html('');
});
});
3. 使用帝国CMS内置接口简化开发
帝国CMS提供了地址联动的接口文件 `e/action/addr.php`,可直接用于输出选项:
-
f=0:输出所有省份
f=1&id=省份ID:输出该省下的所有城市
f=2&id=城市ID:输出该城市下的所有区县
你只需将此接口返回的内容插入到对应的select中即可实现动态更新。注意确保该文件未被安全规则屏蔽,并正确输出JSON或HTML格式。
4. 提交后数据存储与回显
表单提交时,将三个下拉框的值分别存入数据库对应的三个字段。回显时,在模板中根据已存的省、市、区ID重新加载并选中对应选项。
-
编辑页面先查出已存的地区ID
用PHP或JS预加载各级列表并设置selected状态
可通过组合SQL查询 enewsdistrict 表获取完整路径
基本上就这些。只要理解了数据结构和接口调用方式,三级联动并不复杂,关键是前后端配合好ID传递与异步加载逻辑。










