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

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

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

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

字段名: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模板内容页SQl调用当前TAG标签

帝国cms模板内容页SQl调用当前TAG标签

帝国cms内容页SQl方式调用当前TAG标签的方式 具体调用代码如下: <?php $fr=$empire->fetch1("select infotags from {$dbtbpre}ecms_news_data_{$navinfor[stb]} where id='$navinf...

帝国cms信息反馈开启验证码

帝国cms信息反馈开启验证码

1、后台-系统设置-系统参数设置-信息设置-反馈验证码(后面点开启) 2、信息反馈本身并无放置验证码代码,所先复制评论的验证码代码,后台-模板-评论列表模板-管理评论模板-修改-复制其中的验证码代码 代码如下: 验证码:<input name="key" type="text" size=...

帝国CMS灵动标签调用包含指定关键词关键字文章

帝国CMS灵动标签调用包含指定关键词关键字文章

用灵动标签调用包含指定的关键词,和关键字的文章呢?其实实现的方法不难,以下是调用方法: 指定关键词调用: [e:loop={"select * from {$dbtbpre}ecms_news where title like '%这里是指定的关键词%' and checked=1 order b...

帝国CMS内容页字段为空判断的用法

帝国CMS内容页字段为空判断的用法

帝国CMS内容页中,如果某个字段没有填写内容就不显示,填写了就正常显示,这种效果怎么实现? PHP判断实现,代码如下: <?php if($navinfor[字段名]) { ?> 现在的内容 <? } else { ?> 不显示 <? } ?>...

帝国CMS模板中调用用户投稿头像

帝国CMS模板中调用用户投稿头像

帝国CMS列表模板,内容页模板里面怎么调用用户头像呢?或者是用户投稿头像,这个问题怎么实现呢?其实不难,下面帝国cms模板网小编就来告诉大家怎么调用用户头像,一起来学习学习吧:   第一、列表内容模板(list.var) (*) 调用用户投稿的头像方法: $userr=$empire->fe...

帝国cms模板调用作者并去掉链接

帝国cms模板调用作者并去掉链接

帝国cms内容页模板作者调用并去掉链接的方法:   帝国cms内容页模板,默认的作者调用方式是[!--writer--],这是标签调用。但会出现mailto邮件链接地址,如何去掉这个链接地址,可以使用代码分割调用(用php分割$navinfor[writer]字段内容再显示)   一、不带作者链接例...