如何将Laravel集合的Permission数组传入jQuery用于Select2组件？

云上老周

2026-5-15

解决Laravel集合转JS数组给Select2的引号转义问题

你遇到的问题核心是Blade模板的{{ }}语法会自动对HTML特殊字符做转义，把双引号转换成了"，导致jQuery无法识别出正确的数组格式。这里有几个实用的解决办法：

方法一：直接输出未转义的JSON数组

把原来的{{ }}替换成{!! !!}（用于输出未转义的内容），同时将Laravel集合转为JSON格式：

$( document ).ready(function() {
    $("#role_select").select2();
    $('#role_select').val( {!! $user->roles->pluck('permission')->toJson() !!} ).trigger('change');
});

pluck('permission')会提取所有角色的permission字段形成集合，toJson()将集合转为JS能直接解析的JSON字符串，{!! !!}确保输出内容不被转义，最终就能得到["Super","Moderate"]这样原生的数组格式。

方法二：先转PHP数组再转JSON

如果你习惯先处理成PHP数组，也可以这么写：

$( document ).ready(function() {
    $("#role_select").select2();
    $('#role_select').val( {!! json_encode($user->roles->pluck('permission')->toArray()) !!} ).trigger('change');
});

集合的toArray()方法会把集合转为PHP数组，再用json_encode()转成JSON字符串，效果和方法一完全一致。

方法三：控制器提前处理（代码更清晰）

如果想让视图代码更简洁，建议在控制器中先处理好权限数组，再传递到视图：

// 控制器代码
$userPermissions = $user->roles->pluck('permission')->toArray();
return view('your-view-name', compact('userPermissions'));

然后在视图中直接使用：

$( document ).ready(function() {
    $("#role_select").select2();
    $('#role_select').val( {!! json_encode($userPermissions) !!} ).trigger('change');
});