为下拉列表应用引导多选

Question

我想创建下拉列表，如下面的 jsfiddle 示例所示。

 $(document).ready(function() {
        $('#example-getting-started').multiselect();
    });

 <select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>

这工作正常如上面的屏幕截图所示。但我想将同样的场景应用于元素的@Html.Dropdownlist。但似乎我遇到了意想不到的问题，例如只选择一个值。如下图所示。

@Html.DropDownList(m => m.Detail, new SelectList(ViewBag.detailList, "Value", "Text"), new { id = "det" })

$(document).ready(function() {
    $('#det').multiselect();
});

也许我们不能将此插件应用于元素的下拉列表。任何帮助表示赞赏。谢谢

已更新：由于 multiple 属性而出现此问题。我将它添加到下拉列表中，如下所示，它工作正常。

 @Html.DropDownListfor(m => m.Detail, new SelectList(ViewBag.detailList, "Value", "Text"), new { id = "det", multiple ="multiple" })

Answer 1

看不到代码，但我相信您在第二张图片中使用单选按钮使用复选框，就像第一张图片一样，它会得到解决

或者请将您的代码添加到问题中，谢谢