帝国cms实现帝国省市联动菜单

2024-08-28 12:24:33

字体：大中小

来源：转载

供稿：网友

第一步：增加字段

打开后台管理 - 数据表管理 - 管理字段 - 增加如下三个字段：
字段名：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[] " 有三个空格