为dropdownlistfor应用bootstrap multiselect

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 for element。但似乎我遇到了意想不到的问题，例如只选择一个值。如下面的截图所示。

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

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

也许我们无法将此插件应用于dropdownlistfor元素。任何帮助都很感激。感谢

已更新：由于多个属性而发生此问题。我将它添加到dropdownlistfor，如下所示，它工作正常。

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

Answer 1

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

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