织梦调用地区联动类别

1. 后台联动菜单 + 前台下拉列表调用：这是最标准、最灵活的方式，适合在发布文章、产品等地方选择地区,或者在前台表单中使用。
2. 直接调用 area 表数据：这种方式更直接，适合制作一个静态的地区列表，比如网站底部的“地区导航”。

下面我将详细讲解这两种方法。

后台联动菜单 + 前台下拉列表调用（推荐）

这种方式利用了织梦的“联动类型”功能,将后台的省市区数据与前台的下拉菜单完美结合。

第一步：在后台创建联动菜单

1. 登录织梦后台，进入 核心 -> 网站栏目管理 -> 联动类别管理。

2. 添加顶级类别：

   • 点击 增加顶级类别。
   • 类别名称：填写 省份。
   • 类别目录：可以留空或填写 province。
   • 是否开启：选择 是。
   • 内容模型：选择 普通文章 或其他你需要的模型。
   • 是否支持子类：选择 是。
   • 点击“确定”。

3. 为“省份”添加子类别（市）：

   
   （图片来源网络，侵删）
   • 在刚创建的“省份”类别后面，点击 增加子类。
   • 类别名称：填写 城市。
   • 类别目录：可以留空或填写 city。
   • 是否开启：选择 是。
   • 内容模型：选择 普通文章。
   • 是否支持子类：选择 是。
   • 点击“确定”。

4. 为“城市”添加子类别（区/县）：

   • 在刚创建的“城市”类别后面，点击 增加子类。
   • 类别名称：填写 区县。
   • 类别目录：可以留空或填写 area。
   • 是否开启：选择 是。
   • 内容模型：选择 普通文章。
   • 是否支持子类：选择 否（区县通常是最底层）。
   • 点击“确定”。

5. 导入数据：

   • 现在你有了一个“省份 -> 城市 -> 区县”的三级联动菜单结构。
   • 你需要将 dede_area 表的数据导入到这个联动菜单中,织梦官方提供了数据导入工具。
   • 进入 系统 -> SQL命令行工具。
   • 在“运行SQL文件”选项卡下，点击“浏览”，选择织梦安装目录下的 /data/area/ 文件夹中的 sql 文件（sql 文件夹里有 sql 文件）。
   • 点击“上传运行”。
   • 注意：这个过程可能会因为服务器环境不同而失败，如果失败，你可能需要手动编写 INSERT 语句来填充 dede_arctype 表，但这非常繁琐，更简单的方法是使用一些现成的“联动菜单数据导入”插件,在织梦官方论坛或第三方市场可以找到。

第二步：在模板中调用联动菜单

联动菜单已经创建并填充了数据，你可以在任何模板文件（如 article_add.htm 发布文章页，或者自定义的前台模板）中调用它。

织梦提供了专门的标签 {dede:sonchannel} 和 {dede:channel} 来实现联动效果，但更常用和方便的是使用 option 标签配合 getareas 函数。

示例代码：一个完整的省市区三级联动选择框

<form action="" method="post">
    <div>
        <label for="province">省份：</label>
        <select name="province" id="province" onchange="showCity(this.value)">
            <option value="0">请选择省份</option>
            {dede:global name='cfg_getareas' function='GetAreaList(@me, 0)'/}
        </select>
    </div>
    <div>
        <label for="city">城市：</label>
        <select name="city" id="city" onchange="showArea(this.value)">
            <option value="0">请选择城市</option>
        </select>
    </div>
    <div>
        <label for="district">区县：</label>
        <select name="district" id="district">
            <option value="0">请选择区县</option>
        </select>
    </div>
</form>
<script language="javascript" type="text/javascript">
    // 获取城市列表
    function showProvince(pid) {
        // 此函数通常在页面加载时调用，以初始化省份列表
        // 上面的 {dede:global} 标签已经完成了这个工作
    }
    // 获取城市列表
    function showCity(pid) {
        var cityObj = document.getElementById("city");
        cityObj.options.length = 1; // 清空城市列表，保留第一个“请选择”
        if (pid == 0) return;
        // 使用 AJAX 调用 getAreas.php 文件
        var myajax = new DedeAjax(taget_obj, false, true, '', '', 0);
        myajax.SendGet2("/plus/getAreas.php?upid=" + pid);
        DedeAjax = null;
    }
    // 获取区县列表
    function showArea(cid) {
        var areaObj = document.getElementById("district");
        areaObj.options.length = 1; // 清空区县列表，保留第一个“请选择”
        if (cid == 0) return;
        var myajax = new DedeAjax(taget_obj, false, true, '', '', 0);
        myajax.SendGet2("/plus/getAreas.php?upid=" + cid);
        DedeAjax = null;
    }
</script>

代码解释：

1. 省份下拉框：

   • {dede:global name='cfg_getareas' function='GetAreaList(@me, 0)'/} 这是关键，它会调用 GetAreaList 函数，从 dede_area 表中读取 topid 为 0 的所有记录（即所有省份），并生成 <option>

2. 城市和区县下拉框：

   • 初始时，它们只有一个“请选择”的选项。
   • 当用户选择一个省份后，onchange="showCity(this.value)" 事件被触发。
   • showCity(pid) 函数使用 AJAX 向 /plus/getAreas.php 发送请求，参数是所选省份的 id。
   • getAreas.php 是织梦自带的一个文件，它会根据接收到的 upid 参数，查询 dede_area 表，返回对应的城市列表，并以 JavaScript 的形式动态更新到 id 为 city 的 <select> 中。
   • 城市选择后，showArea(cid) 函数同理,会动态加载出对应的区县列表。