他の複数選択ドロップダウンに基づく複数選択ドロップダウン

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'); 
} 

2番目のドロップダウンのid = 11で流れを隠すだけでなければならないサンプル、最初のドロップダウンで会社が選択される。

Answer 1

あなたのようなシナリオでいくつかのテストを行い、間違った要素を変更していることがわかりました。

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

してください、詳細についてはthis plunkerを参照してください。