首页 > 解决方案 > ListBoxFor 中使用 Bootstrap(selectpicker 类)的选项仅显示一次

问题描述

我有这样的 ListBoxFor

 <div class="add_tag form-group">
            @Html.ListBoxFor(m => m.SelectedTags, Model.Tags, new { id = "MultiSelect", 
                @class = "selectpicker", title = "Select tags" })
            <input type="submit" class="btn-save btn btn-primary btn-sm" name="submit" value="Save" />
 </div>

我在这里连接CSS和js

@Styles.Render("~/Content/select.css")
@Styles.Render("~/Content/Home.css")
@Scripts.Render("~/Content/select.js")

捆绑包是:

 bundles.Add(new StyleBundle("~/Content/select.css").Include(
                "~/Content/bootstrap-select.css",
                "~/Content/bootstrap-select.min.css"));

bundles.Add(new ScriptBundle("~/Content/select.js").Include(
                "~/Scripts/jquery-{version}.js",
                "~/Scripts/bootstrap.bundle.min.js",
                "~/Scripts/bootstrap-select.js",
                "~/Scripts/bootstrap-select.min.js"));

输出是:

在点击选择之前

当我点击选择

选择有效

当我再单击一个以选择时,它不起作用

如何修复它?

标签: javascriptcssasp.net-mvcbootstrap-4bootstrap-selectpicker

解决方案


推荐阅读