[分享]实现帝国省市联动菜单超简单帝国cms

帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → [分享]实现帝国省市联动菜单超简单

【本版专题贴子】

1/31 1 2 3 4 5 6 7 8 9 10 ›› ›|

guzhiwei
用户头衔：进士 *

精华贴   ：2
发贴数   ：502
经验值   ：2007
注册时间：2010-02-04

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

[分享]实现帝国省市联动菜单超简单

之前在论坛上看到很多帝国兄弟都对省市联动菜单感到很头疼。。。。哈哈。。。。现在分享一下超简单的方法。。。。

演示：http://www.027hanxin.com/1.html

第一步：增加字段

打开后台管理 - 数据表管理 - 管理字段 - 增加如下三个字段：
字段名：pro 标识：地区（省）输入投稿表单替换html代码：<select name="pro"></select>
字段名：city 标识：地区（市）输入投稿表单替换html代码：<select name="city"></select>
字段名：area 标识：地区（县）输入投稿表单替换html代码：<select name="area"></select>
记住：管理系统模型 - 修改该系统模型 - 把刚才新添加的三个字段设置为录入项等属性，并且勾选自动生成表单模版，录入和投稿都要选

第二步：插入代码

在所要实现联动的页面头部加入（</head>前）：<script language="javascript" src="/路径/gzwl.js"></script>

后台的话 js添加在e/admin/AddNews.php 大概在320行

在所实现联动的地方加入:
<select name="pro"></select><select name="city"></select><select name="area"></select>
<script language="javascript" defer>
new PCAS("pro","city","area");
</script>

第三步：上传文件
按照你上面写的路径上传 gzwl.js ( /路径/gzwl.js)

完附加修改在第 8 楼[url][/url]

上传以下附件：
[下载 *.rar](文件大小：14.21 KB,下载次数：1772)

[该贴被修改 7 次，最后修改时间 2011-01-27 09:10:56 ]

网站建设插件开发二次开发模板仿制 QQ：850118453 帝国技术交流Q群：175197102

2010-03-25 22:10:43

已设置保密

顶部

引用

报告

编辑

删除

guzhiwei
用户头衔：进士 *

精华贴   ：2
发贴数   ：502
经验值   ：2007
注册时间：2010-02-04

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 2 楼]

不明白的可以加我QQ：850118453

关于用联动菜单搜索 http://bbs.phome.net/showthread-31-131724-0.html

[该贴被修改 1 次，最后修改时间 2010-03-26 20:08:24 ]

网站建设插件开发二次开发模板仿制 QQ：850118453 帝国技术交流Q群：175197102

2010-03-25 22:13:05

已设置保密

顶部

引用

报告

编辑

删除

guzhiwei
用户头衔：进士 *

精华贴   ：2
发贴数   ：502
经验值   ：2007
注册时间：2010-02-04

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 3 楼]

还有再加一点如果你只想要省和市的话那直接把 <select name="area"></select> 删掉

网站建设插件开发二次开发模板仿制 QQ：850118453 帝国技术交流Q群：175197102

2010-03-25 22:18:58

已设置保密

顶部

引用

报告

编辑

删除

花心
用户头衔：探花

精华贴   ：0
发贴数   ：4374
经验值   ：13671
注册时间：2008-11-01

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 4 楼]

支持

2010-03-26 00:02:57

已设置保密

顶部

引用

报告

编辑

删除

zhui105
用户头衔：书生

精华贴   ：0
发贴数   ：50
经验值   ：281
注册时间：2010-03-05

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 5 楼]

不顶不行啊我先去试试

2010-03-26 09:17:15

已设置保密

顶部

引用

报告

编辑

删除

energypwg
用户头衔：书生

精华贴   ：0
发贴数   ：30
经验值   ：125
注册时间：2010-03-16

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 6 楼]

这个不错，顶!

大了休闲港

2010-03-26 10:39:24

已设置保密

顶部

引用

报告

编辑

删除

energypwg
用户头衔：书生

精华贴   ：0
发贴数   ：30
经验值   ：125
注册时间：2010-03-16

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 7 楼]

www.dalianxxg.cn

大了休闲港

2010-03-26 10:40:14

已设置保密

顶部

引用

报告

编辑

删除

guzhiwei
用户头衔：进士 *

精华贴   ：2
发贴数   ：502
经验值   ：2007
注册时间：2010-02-04

信息

搜索

好友

发送悄悄话

【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】 [第 8 楼]

附加修改：上面的联动菜单用在提交信息时会有个问题，当你要修改信息时，它只会显示

而不是显示提交信息时的选择。。。这样就无法判断当时选了什么。。。。。。下面修改一下代码让它显示出来。。。。

把 <script language="javascript" defer>
new PCAS("pro","city","area");
</script>改成 <script language="javascript" defer>
new PCAS("pro","city","area","<?=$r[pro]?>","<?=$r[city]?>","<?=$r[area]?>");
</script>这样就会显示出来了

上传以下图片：