如何在foreach循环中为数组子菜单加短横线？select树形菜单层级实现求助

我完全懂你遇到的困扰——在<li>标签里给子菜单加层级短横线简直小菜一碟，但到了<select>的<option>里就卡壳了对吧？其实核心问题是要根据菜单的层级动态生成对应数量的短横线前缀，而且要确保这些符号能在option里正常显示，不会被浏览器默认样式吃掉。

下面直接给你可行的解决方案，我们来修改你的fetch_menu函数：

步骤1：给函数添加层级跟踪参数 #

首先得让函数知道当前遍历的菜单处于第几层，所以给fetch_menu加一个默认值为0的$level参数（0代表顶级菜单）：

function fetch_menu($data, $level = 0) {
    foreach($data as $menu) {
        // 根据当前层级生成对应数量的短横线前缀
        $prefix = str_repeat('--', $level);
        // 非顶级菜单的话，给短横线加个空格和菜单名分隔（匹配你要的格式）
        if ($level > 0) {
            $prefix .= ' ';
        }
        
        // 输出带层级前缀的option
        echo "<option value='".$menu->cid."'>".$prefix.$menu->cname."</option>";
        
        // 如果当前菜单有子菜单，递归调用函数，层级+1
        if (isset($menu->children) && !empty($menu->children)) {
            fetch_menu($menu->children, $level + 1);
        }
    }
}

步骤2：确保数据结构包含子菜单 #

要让递归逻辑生效，你的$data数组里每个菜单对象需要带children属性，用来存储它的子菜单列表。如果你的原始数据是平级的（比如只有父ID关联），得先把它转换成树形结构哦。

最终效果 #

这样处理后，输出的option会完全符合你的要求：

• 顶级菜单：<option value="1">主菜单</option>
• 一级子菜单：<option value="2">-- 一级子菜单</option>
• 二级子菜单：<option value="3">---- 二级子菜单</option>
• 三级子菜单：<option value="4">------ 三级子菜单</option>

为什么之前的方法不生效？ #

你之前的代码没有跟踪菜单层级，没法动态生成对应数量的短横线。另外虽然有些浏览器会压缩option里的连续空格，但短横线（-）属于可见字符，不会被压缩，所以用str_repeat生成的前缀能稳定显示。

内容的提问来源于stack exchange，提问作者Usman Khan