Javascript 编辑表单时如何显示数据库中的选定值？

我正在为我的一个字段使用Select2。数据正完美地插入数据库。但是当我想要编辑表单时，我需要从数据库中获取数据。我可以获取数据，但我不知道在编辑表单时如何在Select2中显示值。 这是我在数据库中插入数据时的代码。表名为“requests”，存储数组的列为“seconds\u section”

刑事科
阿拉巴马州
怀俄明州
$（文档）.ready（函数（）{
$（'.crimeSections'）。选择2({
占位符：“381392420”
});
});

假设下面是从数据库接收的数据

var data = [
    {
        id: 0,
        text: 'enhancement'
    },
    {
        id: 1,
        text: 'bug'
    },
    {
        id: 2,
        text: 'duplicate'
    },
    {
        id: 3,
        text: 'invalid'
    },
    {
        id: 4,
        text: 'wontfix'
    }
];

这是将数据填充到选择框中的方法之一，通过触发更改事件，您可以设置默认值

$('#example').select2({
    data: data
}).val(1).trigger('change'); //This will set bug as selected value

---

您可以同时使用这两个选项。使用隐藏字段从数据库设置要设置的值

$('#sel_users').val(value);
$('#sel_users').select2().trigger('change');

试一试

---

编辑：将“AL”替换为您想要匹配的值

此代码适用于我

$(document).ready(function() {
    $('#selectedCrimes').select2({
    multiple: true,
    });
});

---

谢谢大家

我什么都看不懂你正在编辑的表格在哪里？您想编辑什么？编辑页面加载时，所选值将如何显示在输入字段中。我必须把代码放在哪里。谢谢您您的问题是设置所选值还是将数据填充到选择框中？此字段将如何显示数据库中的选定值数据。您可以从数据库中选择值并向其中添加变量值，如

Array.from(document.querySelector('.crimeSections').options).forEach(option=>{
if(option.value=="AL")
option.selected=true
});

$(document).ready(function() {
    $('#selectedCrimes').select2({
    multiple: true,
    });
});