帝国CMS7.2实现地区三级联动并且前台可地区筛选

2016-04-13 来源：未知作者：admin

帝国CMS的三级联动一直是个痛，以前一流资源网站长有分享过一篇“帝国CMS可自定义数据的三级联动选择功能教程”非常好用，

今天再分享一款三级联动代码，同样可以自定义数据，并且附上前台根据三级地区筛选的功能示例代码：

第一步：

后台添加三个数据表字段

字段名：pro 字段标识：省输入表单替换html代码：

<select name="pro"></select>

字段名：city 字段标识：市输入表单替换html代码：

<select name="city"></select>

字段名：area 字段标识：县输入表单替换html代码：

<select name="area"></select>

第二步：

建立完毕后，在到管理系统模型修改生成相应的表单！

三个字段设为提交项可添加修改列表显示结合项

第三步：

打开e/admin/AddNews.php

把以下代码粘贴到结尾的随便位置即可

						<script type="text/javascript" src="selects.js"></script>

						<script type="text/javascript" src="data_china.js"></script>

						<script type="text/javascript">

						var s = selects;

						//获取对象

						var p = document.getElementsByName('pro')[0];//省

						var c = document.getElementsByName('city')[0];//市

						var a = document.getElementsByName('area')[0];//区

						//绑定数据

						s.bind(p,province);

						s.bind(c,city);

						s.bind(a,area);

						//确定从属关系

						s.parent(p,c);

						s.parent(c,a);

						//设置默认值

						s.selected(p,{value:'<?=$ecmsfirstpost==1?"":htmlspecialchars(stripSlashes($r[pro]))?>'});

						s.selected(c,{value:'<?=$ecmsfirstpost==1?"":htmlspecialchars(stripSlashes($r[city]))?>'});

						s.selected(a,{value:'<?=$ecmsfirstpost==1?"":htmlspecialchars(stripSlashes($r[area]))?>'});

						</script>

帝国CMS7.2实现地区三级联动并且前台可地区筛选

相关推荐