我想创建下拉列表,如下面的 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 属性引起的。我将它添加到 dropdownlistfor 中,如下所示,它工作正常。
@Html.DropDownListfor(m => m.Detail, new SelectList(ViewBag.detailList, "Value", "Text"), new { id = "det", multiple ="multiple" })
最佳答案
看不到代码,但我相信你在第二张图片中使用单选按钮,像第一张图片一样使用复选框,它会得到解决
或者请将您的代码添加到问题中,谢谢
关于jquery - 为 dropdownlistfor 应用 bootstrap multiselect,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45878284/