本文将指导你如何在 Laravel 8 中实现嵌套下拉菜单,并获取用户所选项的 ID。我们将通过模型关联和视图组件的方式,构建一个可复用的嵌套下拉菜单,并提供示例代码,帮助你理解如何在控制器中处理用户选择的数据,并将其保存到数据库。同时,也会讨论多选功能的实现思路。
模型准备
首先,我们需要一个能够表示层级关系的 Model。以下是一个 Category 模型的示例,它使用 parent_id 字段来表示父级分类,并定义了 children 和 parent 关联关系。
注意:
确保你的数据库表中包含 parent_id 字段,以及其他你需要的字段,例如 category_name。
控制器实现
在控制器中,我们需要获取所有顶级分类(parent_id 为 0 的分类),并将它们传递给视图。
视图实现
视图部分,我们将使用递归组件来渲染嵌套的下拉菜单。首先,创建一个名为 categories.create 的视图:
然后,创建一个名为 categories.partials.category_option 的 Blade 组件,用于递归渲染下拉选项:
这个组件接收一个 $category 对象和一个 $depth 变量,$depth 用于控制缩进的显示。组件首先渲染当前分类的选项,然后递归调用自身来渲染子分类。
Laravel 13.2.0
PHP中文网提供Laravel 13.2.0版本下载,Laravel框架 是基于 PHP 8.3+ 的高性能框架,官方推荐通过 Composer 安装。它内置 AI SDK、JSON:API Resources 及原生向量搜索,支持属性驱动开发与队列路由,大幅提升开发效率。相比旧版,13.2.0 优化了缓存 TTL 管理与实时通信,无需 Redis 即可横向扩展。作为现代 Web 开发首选,它兼顾安全与极速体验,助您快速构建企业级应用。
下载
保存用户选择
在 CategoryController 的 store 方法中,你可以通过 $request->input('parent_id') 获取用户选择的分类 ID。然后,你可以将这个 ID 保存到数据库中,或者进行其他需要的处理。
实现多选
要实现多选,你需要修改 HTML 的
hasMany(self::class, 'parent_id', 'id');
}
public function parent()
{
return $this->belongsTo(self::class, 'parent_id');
}
}orderBy('category_name', 'asc')->get();
return view('categories.create', compact('categories'));
}
public function store(Request $request)
{
// 处理用户选择的分类 ID
$parent_id = $request->input('parent_id');
// 其他数据处理和保存逻辑
// ...
return redirect()->route('categories.index');
}
}
@foreach ($category->children as $child)
@include('categories.partials.category_option', ['category' => $child, 'depth' => $depth + 1])
@endforeach