javascript - 如何根据现有数据点动态预选多个选项

Question

我有一个编辑按钮，让用户能够编辑表格行；

选择“编辑”按钮时，将打开模式，用户可以在该表行中编辑其条目。编辑选项中包含一个选择下拉列表，其中填充了类别（所有类别）。我希望根据从 json 对象传入的类别预先选择类别（可能超过 1 个）。

模态示例：

File:

name: bob

Title: VP

Category: select dropdown list

cat1 x

cat2 x

cat3 x

cat4

cate5


x -> represents checked items.

description: blahblahblah 

---

我希望我给出了我想要的足够好的图片。

这是没有设置 Selected 选项的逻辑的实现：

获取数据：函数（附件ID）{

                $('#edit-attachment-id').val(attachmentid);
                const workorderid = $("#WorkOrderId").val();

                let formData = new FormData();
                formData.append('workorderid', workorderid);
                formData.append('attachmentid', attachmentid);


                $.ajax({
                    url: '@Url.Action("GetAttachmentInfo")',
                    type: "POST",
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response, status, xhr) {
                        $('#edit-description-input').val(response.Description);
                        $('#edit-title-input').val(response.Title);
                        $('#edit-file-name').text(response.FileName);

                    },
                    fail: function(response, status, xhr) {

                    }
                });

HTML：

<select id="edit-category-dropdown" class="selectpicker" multiple data-selected-text-format="count > 3" data-style="custom-select">
@foreach (var editOption in Model.CategoryOptions){
<option value=@editOption.Key>@editOption.Value</option>}
</select>

标签： javascripthtml