Jquery bootstrap 多选问题 - 复制下拉列表

如何解决Jquery bootstrap 多选问题 - 复制下拉列表

我在 asp.net mvc 中使用 jquery and bootstrap plugin。问题是带有复选框的下拉菜单与普通下拉菜单分开呈现。

@Html.ListBoxFor(m => Model.DepDashTaskLists[i].BusinessRuleQuestion1Answer,new MultiSelectList(slh.GetRegistrationAnswerLookup(Model.DepDashTaskLists[i].BusinessRuleQuestion1),"Value","Text",Model.DepDashTaskLists[i].BusinessRuleAnswers),new {  @id = "RuleQuestionListBoxAnswer",@class = "listBox",@rows = "2",@columns = "7",@height="6" })

Javascript

    $('.listBox').multiselect({
         
            buttonClass: '',templates: {
 button: '<span style="margin-bottom: 3px" class="multiselect dropdown-toggle" data-toggle="dropdown">Select Options </span>'
            },includeselectAllOption: true
        });
    });

理想情况下，我希望触发复选框下拉列表并将其放置在列表框内并禁用常规下拉列表