帝国cms实现帝国省市联动菜单
2018-05-25 站长 站长日志
第一步：增加字段
打开后台管理 - 数据表管理 - 管理字段 - 增加如下三个字段：
字段名：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>
附加修改：上面的联动菜单用在提交信息时会有个问题，当你要修改信息时，它只会显示
而不是显示提交信息时的选择。。。这样就无法判断当时选了什么。。。。。。下面修改一下代码让它显示出来。。。。
把 <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>这样就会显示出来了
第三步：上传文件
按照你上面写的路径上传 gzwl.js ( /路径/gzwl.js)
省市联动菜单实现搜索功能
第一步：在所要实现搜索的页面头部加入（</head>前）：<script language="javascript" src="/路径/gzwl.js"></script>
第二步：把下面代码加入到页面中：
<form action='/e/search/index.php' method="post" name="search_news" id="search_news"><input type="hidden" name="classid" id="栏目ID"value="栏目ID" /><input type="hidden" name="andor" value="and">
<fieldset "padding:5px;">
<legend>省市区选择</legend>
请依次点选：<input type="hidden" name="show[]" value="pro">
<select name="keyboard[] "></select>
<input type="hidden" name="show[]" value="city">
<select name="keyboard[] "></select>
<input type="hidden" name="show[]" value="area">
<select name="keyboard[] ">
</select>
</fieldset>
<script language="javascript" defer>
new PCAS("keyboard[] ","keyboard[] ","keyboard[] ");
</script>
<input type="submit" name="Submit22" value="搜索" />
<input type=hidden name=tempid value="搜索模板ID"> （按照栏目做一个搜索模板）
</form>
特别注意：“keyboard[] " 是有一个空格的 "keyboard[] "有两个空格 "keyboard[] " 有三个空格
gzwl.js.zip