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

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）