0

別の複数選択ドロップダウンでの選択に基づいて、複数選択ドロップダウンで要素を表示/非表示にしようとしています。とにかく、複数選択プラグインを使用する と、要素を表示/非表示にすることができません。私のコードは次のようになります。

@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 のフローを非表示にする必要があります。

4

1 に答える 1

0

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

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

詳細については、このプランカーを参照してください。

于 2016-07-08T17:55:59.133 に答える