当前位置:首页 > 文章 > 帝国CMS > 正文内容

帝国CMS7.5实现地区三级联动并且前台可地区筛选的教程

3年前 (2022-10-21)帝国CMS9891

第一步:后台添加三个数据表字段

字段名: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>

第四步:下载附件两个JS上传到e/admin/    JS为UTF-8编码,其他请自己转码

到此后台已经实现添加内容三级联动

在前台显示位置添加一下代码可筛选查,注意两个JS路径

<script type="text/javascript" src="[!--news.url--]js/selects.js"></script>
       <script type="text/javascript" src="[!--news.url--]js/data_china.js"></script>
          
               <form method="get" action="[!--news.url--]e/action/ListInfo.php">
               <input value="10" type="hidden" name="mid">
              <input value="17" type="hidden" name="classid">
              <input value="1" type="hidden" name="ph">
              <input value="12" type="hidden" name="tempid">
                 
                <select name="pro"></select>
                 <select name="city"></select>
                 <select name="area"></select>
                 <INPUT value="确定" type="submit" name="提交">
                </FORM>
            <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>

注:四个默认字段mid是模型ID,classid是栏目ID,tempid是列表所使用的模板标签ID,ph是结合项,ph参数是必须等于1的,表示使用结合项,否则不能筛选

扫描二维码推送至手机访问。

版权声明:本文由蓝博发布,如需转载请注明出处。

本文链接:https://blueboss.cn/p/637.shtml

“帝国CMS7.5实现地区三级联动并且前台可地区筛选的教程” 的相关文章

帝国CMS内容页模板判断字段为空不显示

帝国CMS内容页模板判断字段为空不显示

帝国CMS内容页模板怎么样才能让某一个字段,如果填写了就显示,没有填写就不显示呢?其实方法很简单,下面帝国cms模板网就来告诉大家怎么调用: <?phpif($navinfor[字段名]){?>字段有值时显示的内容,如[!---字段名--]<?}else{?>字段无值时显示...

帝国CMS发布文章替换正文图片标签里ALT内容

帝国CMS发布文章替换正文图片标签里ALT内容

帝国CMS发布信息文章时替换正文IMG图片标签里的ALT内容 有利于网站的SEO优化。 在 e/class/userfun.php 里面增加 //替换正文IMG里的ALT内容 function user_imgalt($mid,$f,$isadd,$isq,$value,$cs){ $title=...

帝国cms自定义列表多表查询统计代码

帝国cms自定义列表多表查询统计代码

帝国cms自定义列表多表查询统计代码 统计记录: select count(*) as total from [!db.pre!]ecms_news union select count(*) as total from [!db.pre!]ecms_movie 查询记录: select cl...

帝国CMS登陆后台出现空白的问题及解决方法

帝国CMS登陆后台出现空白的问题及解决方法

帝国CMS后台登陆出现空白页的问题及解决方法。一起来看看吧: 帝国的后台管理系统突然出现这样的情况:登陆后,转向处理页面是出现空白页面,不论账号密码是对是错都是空白,没有提示。 然而正确登陆后直接输入管理页面又可以用。 所有转向都不能用,出现空白页。 问题排除: 1、帝国CMS问题 2、服务器问题...

帝国CMS自定义页面导航实现当前页面高亮显示

帝国CMS自定义页面导航实现当前页面高亮显示

帝国CMS自定义页面导航,实现当前页面高亮显示!  以下是实现代码 [e:loop={'select id,path,title from [!db.pre!]enewspage where classid=2 order by id',20,24,0}] <?php $pageurl=$p...

帝国CMS留言板增加字段

帝国CMS留言板增加字段

帝国CMS留言板增加字段的方法 整理了下我的修改步骤(实现留言板增加qq、留言主题字段): 1、进入phpmyadmin后台,在数据库enewsgbook表(留言板数据表)中增加字段, 比如: qq、theme,  2、打开e\enews\gbookfun.php, 1、在13行左右的地方插入下面代...