您的位置：首页 > cms建站系统 > 帝国cms  >  帝国CMS可自定义数据的三级联动选择功能教程

帝国CMS可自定义数据的三级联动选择功能教程

 更新时间：2015年12月29日 19:35  点击：19767

帝国CMS尽管升级到了7.2版，但官方仍然没有提供联动选择功能，实在是太无语了。

猪先飞网站长也一直在寻找帝国CMS上可以实现联动选择的方法，

正好今天更新了一款“可设默认值的纯js省市县三级联动选择代码”，发现这款联动代码应该可以用在帝国CMS上。

经过猪先飞网站长亲自测试后，成功实现了。

不仅添加信息时可以选择，编辑信息时会默认显示保存的字段。

1、后台修改会员信息

blob.png

2、前台会员修改资料：

blob.png

教程开始：

第一步：

下载“可设默认值的纯js省市县三级联动选择代码”，将下载的JS代码上传到网站任意目录，如：/js/js7_jsAddress.js

第二步：

数据表新建三个字段：

字段名：pro 标识：地区（省） 输入投稿表单替换html代码：

<select id="province" name="areashi"></select>

字段名：city 标识：地区（市） 输入投稿表单替换html代码：

<SELECT id="city" NAME="areaqu"></SELECT>

字段名：area 标识：地区（县） 输入投稿表单替换html代码：

<SELECT id="county" NAME="areachuen"></SELECT>

记住：管理系统模型 - 修改该系统模型 - 把刚才新添加的三个字段设置为录入项等属性，并且勾选自动生成表单模版，录入和投稿都要选

当然，也可以不做省市联动，可以做任何其它联动数据。

数据在 js7_jsAddress.js 文件里修改即可。

第三步：

在需要输入联动选择的页面加上以下代码：

<script language="javascript" src="/js/js7_jsAddress.js"></script>
<script type="text/javascript">
    addressInit('province', 'city', 'county', '请选择省', '请选择市', '请选择县');
</script>

如，后台修改会员资料页：

在/e/admin/member/addmember.php

加入以下代码：

<!--联动选择-->
<script language="javascript" src="/js/js7_jsAddress.js"></script>
<script type="text/javascript">
    addressInit('province', 'city', 'county', '<?=$addr[areashi]?>', '<?=$addr[areaqu]?>', '<?=$addr[areachuen]?>');
</script>

后面加上的  ，等，就是默认显示已有的信息。

如，会员中心修改会员资料：
在/e/template/member/editlnfo.php 页面

加入以下代码：

<script language="javascript" src="/skin/mb001/js/address.js"></script>
<script type="text/javascript">
    addressInit('province', 'city', 'county', '<?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($addr[areashi]))?>', '<?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($addr[areaqu]))?>', '<?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($addr[areachuen]))?>');
</script>


[!--infotagslink--]

相关文章

  • 帝国CMS可自定义数据的三级联动选择功能教程

    ...2015-12-29

  • 微信小程序实现选择地址省市区三级联动

    这篇文章主要为大家详细介绍了微信小程序实现选择地址省市区三级联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-21

  • 基于jquery实现省市区三级联动效果

    这篇文章主要介绍了基于jquery实现省市区三级联动效果,需要的朋友可以参考下...2015-12-27

  • PHP+Mysql+Ajax+JS实现省市区三级联动

    基本思想就是：在JS动态创建select控件的option,通过Ajax获取在PHP从SQL数据库获取的省市区信息，代码有点长，但很多都是类似的，例如JS中省、市、区获取方法类似，PHP中通过参数不同执行不同的select语句。index.html代码：复制...2014-05-31

  • 支付宝小程序实现省市区三级联动

    这篇文章主要为大家详细介绍了支付宝小程序实现省市区三级联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-21

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

    帝国CMS的三级联动一直是个痛，以前猪先飞网站长有分享过一篇“帝国CMS可自定义数据的三级联动选择功能教程”非常好用，今天再分享一款 三级联动代码，同样可以自定义数据，并且附...2016-01-27

  • ajax.net +jquery 无刷新三级联动的实例代码

    ajax.net +jquery 无刷新三级联动的实例代码，需要的朋友可以参考一下...2021-09-22

  • js编写三级联动简单案例

    这篇文章主要为大家分享了JavaScript编写三级联动简单案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2017-01-09

  • Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)

    下面小编就为大家带来一篇Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2017-06-15

  • AJAX实现省市县三级联动效果

    这篇文章主要为大家详细介绍了AJAX实现省市县三级联动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-10-19

  • ajax实现城市三级联动

    这篇文章主要为大家详细介绍了ajax实现城市三级联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-10-19

  • js实现年月日表单三级联动

    小编推荐的这篇文章介绍了js实现年月日表单三级联动的实例代码，非常实用，有兴趣的同学可以参考一下 用Html实现人人网注册界面 ，Js实现生日栏表单三级联动1. 效果2.H...2017-07-06

  • Angularjs自定义指令实现三级联动 选择地理位置

    这篇文章主要介绍了Angularjs自定义指令实现三级联动，选择地理位置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2017-02-19

  • mysql php无刷新三级联动菜单

    一款联动菜单，利用了js php mysql实现的无刷新效果，有需要的朋友可以直接下载哦。 代码如下 复制代码 <script language="JavaScript" type="...2016-11-25

  • JS封装的三级联动菜单(使用时只需要一行js代码)

    在实际的项目开发中，我们经常需要三级联动，比如省市区的选择，商品的三级分类的选择等等。这篇文章主要介绍了JS封装的三级联动菜单(使用时只需要一行js代码)的相关资料,需要的朋友可以参考下...2016-10-25

  • PHP 年月日的三级联动实例代码

    这篇文章主要介绍了PHP 年月日的三级联动实例代码的相关资料,需要的朋友可以参考下...2017-05-26

  • php+ajax无刷新实现省、地、市三级联动

    <html> <head> <meta http-equiv="Content-Type" c /> <script type="text/javascript"> var xmlHttp; var requestType=""; function createXMLHttpRequest()...2016-11-25

  • php+ajax无刷新实现省、地、市三级联动二

    <? $conn=mysql_connect("localhost","root","2328725"); mysql_select_db("novel"); mysql_query("set names 'utf8'"); if($provincecode!=""&&$provincecode!=6...2016-11-25

  • php 三级联动菜单

    已测（表结构:id 表ID（唯一）title 各类标题flid 类别的ID （大类为1 中类为2 小类为3）pid 上类的ID（大类就跟大类，提交中类的时候这地方写大类的ID，提交小类的时候写中类的ID） ） <?...2016-11-25

  • C#中comboBox实现三级联动

    给大家分享了C#中comboBox实现三级联动的全部代码，代码经过测试，有兴趣的朋友跟着做一下。...2020-06-25