html - 引导多选 js 中的问题

Question

Bootstrap 多选问题

我看不到如何使用引导多选在多选下拉列表中启用/禁用特定选项。 我尝试使用 http://davidstutz.github.io/bootstrap-multiselect/

有什么解决办法吗？

Answer 1

假设 ddl1 是您正在处理的下拉控件的 ID，

这就是您应该如何在 HTML 中创建控件(再次假设您使用的是 MVC Razor)

@Html.DropDownListFor(m => m.MyModelObj, Model.MyModelObjs, new { @class = "form-control", id = "ddl1", multiple = "multiple", placeholder = "Select" })

这就是将引导多选插件应用于下拉列表的方式

$('#ddl1').multiselect({
            enableClickableOptGroups: true,
            enableCollapsibleOptGroups: true,
            enableFiltering: true,
            includeSelectAllOption: true,
            nonSelectedText: 'Select',
            enableCaseInsensitiveFiltering: true,
            selectAllNumber: true,
            onChange: function(option, checked,select) {
                FillOtherDropdown();
                },
                onSelectAll: function(){
                $("#ddl2").html("");
                $('#ddl2').multiselect('refresh' );
                $("#ddl2").multiselect('disable');}
});

所有属性都可以如上所示应用，即 PropertyName : Value