Bootstrap Multiselect - 单个 select 没有单选按钮

Question

我正在使用 bootstrap 多 select 插件。将此插件用于多个 select dropdwns，并将其应用于单个 select 下拉列表以实现 UI 一致性。对于 multiselect 下拉菜单，我应用如下

 $('#ListBox').multiselect({
                nonSelectedText: 'Select Option'
            });

它在下拉列表中创建复选框，并且能够 select 多个选项。

并应用单个 select 下拉列表，如下所示，

 $('#DropDownList').multiselect({
                nonSelectedText: 'Select Option',
                multiple: false                
            });

这个在下拉菜单中生成单选按钮，但我不想要单选按钮，它应该像普通下拉菜单一样工作。

是否有任何选项可以创建不带单选按钮的单个 select 下拉菜单。

Answer 1

请添加以下css代码并检查

.dropdown-menu label.radio input[type=radio]{
    visibility: hidden;
}
.dropdown-menu label.radio{
    padding-left:10px;
}

Bootstrap Multiselect - Single select without radio button