Jquery selected-加载时自动填充选定数据

我一直在应用程序中使用jqueryselected插件

我的页面中有两个下拉列表 类别-->普通下拉列表包含所有类别 AttributeList->Selected下拉列表包含所有属性

每个类别都有多个从AttributeList链接的属性。 假设我们有10个类别和40个属性。 示例类别链接到4个属性Attr1、Attr2、Attr3和Attr4

当我们从Category下拉列表中选择CategoryA时，应该显示列表Attr1、Attr2、Attr3和Attr4 将在AttributeList下拉列表中加载，并将从单击所选下拉列表时显示的40个属性中禁用

类别下拉列表中选择的类别

属性1 X属性2 X属性3 X属性4 X-->属性列表选择下拉列表

属性1-禁用 属性2-禁用 属性3-禁用 属性4-禁用 属性5-启用状态 属性39-启用状态 属性40-启用状态

我们如何在页面加载/下拉列表选择更改时为所选下拉列表实现自动填充

请帮助我，因为我需要尽快实施。

---

至少帮助我提供所选插件的任何文档。

我的代码如cshtml页面中所示 “类别”下拉列表和“txtAttributes”是所选下拉列表 目前它被填充为空。但我需要至少其中一些应该根据逻辑在加载时填充

在CSHTML页面中 Javascript文件包含

---

请使用所选api动态选择要选择的值

$('#kpiselect').val(["Attr1","Attr2","Attr3","Attr4"]).trigger("chosen:updated");

---

你会做小提琴吗？或者发布一些代码？

    $.ajax({
        url: cexPortal.getAbsoluteURL("CMS/Attribute/ListJson"),
        type: 'GET',
        data: '',
        success: function (data) {
            var AttributeList = data.List;

             $(document).data('AttributeList', AttributeList);

            $("#txtLinkAttributesToCategory").empty();

            $.each(AttributeList, function (i, data) {
                $("#txtAttributes").append("<option value=\"" + data.StructureId + "\">" + data.StructureName + "</option>");
            });

            var config = {
                '.chosen-select': {},
                '.chosen-select-deselect': {
                    allow_single_deselect: true
                },
                '.chosen-select-no-single': {
                    disable_search_threshold: 10
                },
                '.chosen-select-no-results': {
                    no_results_text: 'Oops, nothing found!'
                },
                '.chosen-select-width': {
                    width: "95%"
                }
            }
            $(document).data('ChosenConfig', config);

            for (var selector in config) {
                $(selector).chosen(config[selector]);
            }
        }
    });

$('#kpiselect').val(["Attr1","Attr2","Attr3","Attr4"]).trigger("chosen:updated");