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

时间:2019-04-04 22:06:57

标签: javascript html

我有一个编辑按钮,使用户能够编辑表行;

选择编辑按钮后,将打开一个模式,用户可以在其中编辑该表行中的条目。编辑选项中包括一个选择下拉列表,其中填充了类别(所有类别)。我希望根据从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 

我希望我对自己想要的东西有足够的了解。

以下是没有设置“选定”选项的逻辑的实现:

getData:function(attachmentid){

                $('#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>

0 个答案:

没有答案