如何将Select2 Ajax选择的ID值替换为文本值存入数据库？

有两种常用方案可以实现需求，以下是具体实现：

方案一：前端修改Select2返回值，直接提交文本 #

修改Select2的Ajax回调逻辑，将返回选项的id字段替换为省份名称，这样表单提交时会直接传递文本值：

$(document).ready(function () {
    $("#selectProvinces").select2({
        placeholder: 'Pilih Provinsi',
        ajax: {
            url: "{{route('province.index')}}",
            processResults: function ({ data }) {
                return {
                    results: $.map(data, function (item) {
                        return {
                            id: item.name, // 将ID替换为省份名称
                            text: item.name
                        }
                    })
                }
            }
        }
    });
});

修改后，控制器中的$request->provinces将直接获取到省份文本，无需改动management_create方法。

注意事项：

• 若存在名称重复的省份，该方案会导致无法区分不同省份
• 编辑页面回显时，需要基于存储的文本值匹配Select2选项，需额外处理初始选中状态

方案二：后端接收ID后查询文本再存入（推荐） #

保持前端代码不变，后端通过提交的ID查询对应的省份名称，再存入数据库，这种方式更安全，可验证ID合法性：

假设省份数据来自Province模型（对应数据库表provinces，包含id和name字段），修改控制器方法：

public function management_create(Request $request) {
    // 根据提交的ID查询省份信息
    $province = \App\Models\Province::find($request->provinces);
    
    // 验证省份是否存在，避免无效数据
    if (!$province) {
        Alert::error('错误', '无效的省份选择');
        return back();
    }

    Member::create([
        'provinces' => $province->name,
    ]);

    Alert::success('成功', 'Member berhasil dibuat');
    return redirect()->route('management');
}

优势：

• 前端逻辑无需改动，不影响现有交互体验
• 可验证ID有效性，拦截非法数据存入
• 即使省份名称后续变更，历史存储的文本不会自动同步（如需同步可额外处理）

额外注意 #

确保members表中的provinces字段为字符串类型（如varchar(255)），以容纳省份文本内容。

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