帝國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[] " 有三個空格