Laravel - old() helper函数在Laravel子类别选择下拉列表中失败

在 Laravel 中，old() 辅助函数用于在表单提交后重新填充输入字段的值，以便在验证失败并显示错误消息时保留用户的输入。如果在子类别选择下拉列表中使用 old() 函数失败，可能是由于以下几个原因：

基础概念

old() 函数：此函数用于获取上一个请求中提交的特定字段的值。它通常与表单验证结合使用，以便在验证失败时能够恢复用户的输入。
子类别选择：这通常意味着有一个主类别下拉列表和一个或多个依赖于主类别选择的子类别下拉列表。

可能的原因及解决方案

1. 表单提交后未正确设置 `old()` 值

确保在控制器中正确处理表单提交，并且在验证失败时将数据传递回视图。

public function store(Request $request)
{
    $request->validate([
        // 验证规则
    ]);

    // 如果验证失败，重新加载视图并传递旧数据
    return view('your_view', ['oldData' => $request->all()]);
}

在视图中使用 old() 函数：

<select name="subcategory">
    @foreach ($subcategories as $subcategory)
        <option value="{{ $subcategory->id }}" {{ (old('subcategory') == $subcategory->id ? "selected":"") }}>
            {{ $subcategory->name }}
        </option>
    @endforeach
</select>

2. 动态子类别下拉列表的问题

如果子类别下拉列表是根据主类别的选择动态生成的，确保在重新加载视图时正确设置 old() 值。

<select name="main_category" id="main_category">
    @foreach ($mainCategories as $category)
        <option value="{{ $category->id }}" {{ (old('main_category') == $category->id ? "selected":"") }}>
            {{ $category->name }}
        </option>
    @endforeach
</select>

<select name="subcategory" id="subcategory">
    <!-- 动态填充子类别 -->
</select>

<script>
document.getElementById('main_category').addEventListener('change', function() {
    var categoryId = this.value;
    // 使用 AJAX 请求获取子类别并填充下拉列表
    fetch(`/get-subcategories/${categoryId}`)
        .then(response => response.json())
        .then(data => {
            var subcategorySelect = document.getElementById('subcategory');
            subcategorySelect.innerHTML = '';
            data.forEach(function(subcategory) {
                var option = document.createElement('option');
                option.value = subcategory.id;
                option.text = subcategory.name;
                if (option.value == '{{ old('subcategory') }}') {
                    option.selected = true;
                }
                subcategorySelect.appendChild(option);
            });
        });
});
</script>