基于其他多选下拉菜单的多选下拉菜单

Question

我正在尝试根据另一个多选下拉列表中的选择来显示/隐藏多选下拉列表中的元素。无论如何，当我使用multiselect plugin 我无法显示/隐藏元素。我的代码如下所示：

@Html.DropDownList("CompanyDropDown", new MultiSelectList(ViewBag.CompanyList,
         "COD_COMPANY", "DESCRIPTION", null), new
                {
                    multiple = "multiple",
                    @class = "multiselect",
                    onchange = "CompanyDropDownOnChange()"
                })


@Html.DropDownList("FlowDropDown", new MultiSelectList(ViewBag.ActiveFlow,
         "ID_FLOW", "DESCRIPTION", null), new
                {
                    multiple = "multiple",
                    @class = "multiselect",
                })

javascript 部分在这里：

jQuery(function ($) {
    $("select").multiselect();
});   
function CompanyDropDownOnChange() {
    $("#FlowDropDown option[value=11]").css('display', 'none');
}

选择第一个下拉列表中的公司时，样本应仅在第二个下拉列表中以ID = 11隐藏流程。

Answer 1

我对像您这样的场景进行了一些测试，发现您更改了错误的元素。

function CompanyDropDownOnChange() {
 $("input[name=multiselect_FlowDropDown][value=11]").closest('li').css('display', 'none');
}

请参阅this plunker 了解更多详情。