Laravel实现predictions表关联多级动态依赖多选下拉框问题排查

核心问题列表 #

• 问题1：多选下拉传递数组值，后端查询逻辑不匹配
  你使用了multiple多选下拉，$(this).val()拿到的是选中值的数组，但控制器fetch方法里用的是->where($select, $value)，要求字段完全匹配数组，逻辑完全错误，需要改为适配数组查询的语法。
• 问题2：fetch方法未添加权限过滤逻辑
  你首页index方法里有根据当前登录用户的ROrg1/ROrg2/ROrg3过滤predictions数据的逻辑，但fetch方法直接查询全表，会导致联动出来的选项和页面初始加载的选项不一致，也存在越权风险。
• 问题3：未使用distinct替代groupBy避免SQL严格模式报错
  MySQL默认开启严格模式时，仅groupBy单个字段会触发SQL语法错误，查询唯一值用distinct更稳妥。
• 问题4：大概率遗漏路由配置
  你代码中ajax请求用了{{ route('dynamic_dependent') }}，如果没在web.php中定义对应的POST路由，请求会直接404导致功能失效。
• 问题5：多选下拉清空逻辑错误
  你现有的$('#CurrOrg2').val('')只能清空选中值，不会清空旧的选项列表，联动替换内容前需要先清空原有选项。

修复代码 #

1. 控制器fetch方法修正 #

function fetch(Request $request)
{
    $select = $request->get('select');
    $value = $request->get('value');
    $dependent = $request->get('dependent');
    // 同步index方法的用户权限过滤逻辑
    $loged_user = Auth::user();
    $user= DB::table('users')
        ->selectRaw('users.*, REPLACE(Org2, "Admin", "") AS ROrg2, REPLACE(Org1, "Admin", "") AS ROrg1, REPLACE(Org3, "Admin" , "") AS ROrg3')
        ->where('email',$loged_user->email)
        ->first();
    // 查询逻辑修正：用whereIn匹配多选数组，用distinct取唯一值，加上权限过滤
    $data = DB::table('predictions')
        ->where('CurrOrg1','like','%'.$user->ROrg1.'%')
        ->where('CurrOrg2','like','%'.$user->ROrg2.'%')
        ->where('CurrOrg3','like','%'.$user->ROrg3.'%')
        ->whereIn($select, $value)
        ->distinct($dependent)
        ->select($dependent)
        ->get();
    $output = '<option value="">Select '.ucfirst($dependent).'</option>';
    foreach($data as $row)
    {
        $output .= '<option value="'.$row->$dependent.'">'.$row->$dependent.'</option>';
    }
    return $output;
}

2. 前端脚本修正 #

$('.dynamic').change(function(){
  if($(this).val() != '')
  {
   var select = $(this).attr("id");
   var value = $(this).val();
   var dependent = $(this).data('dependent');
   var _token = $('input[name="_token"]').val();
   // 联动前先清空下级所有下拉的旧选项
   $('#'+dependent).empty().append('<option value="">Select '+dependent.replace('CurrOrg','Org')+'</option>');
   if(dependent == 'CurrOrg2'){
       $('#CurrOrg3').empty().append('<option value="">Select Org3</option>');
   }
   $.ajax({
    url:"{{ route('dynamic_dependent') }}",
    method:"POST",
    data:{select:select, value:value, _token:_token, dependent:dependent},
    success:function(result)
    {
     $('#'+dependent).html(result);
    }
   })
  }
 });

3. 路由配置补充（需添加到web.php中） #

use App\Http\Controllers\替换为你实际的控制器类名;
Route::post('/dynamic-dependent', [替换为你实际的控制器类名::class, 'fetch'])->name('dynamic_dependent');

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