【问题标题】:Bootstrap Multiselect - Single select without radio buttonBootstrap Multiselect - 没有单选按钮的单选
【发布时间】:2017-04-29 10:29:06
【问题描述】:

我正在使用引导多选插件。将此插件用于多选下拉菜单,并将其应用于单选下拉菜单以保持 UI 一致性。 对于多选下拉菜单,我应用如下

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

它会在下拉菜单中创建复选框并能够选择多个选项。

并应用如下单选下拉菜单,

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

这个在下拉菜单中生成单选按钮,但我不想要单选按钮,它应该像正常的下拉菜单一样工作。

是否有任何选项可以创建没有单选按钮的单选下拉菜单。

【问题讨论】:

  • multiple: false 表示您只需要选择一个选项。在这种情况下,您可以使用简单的 HTML 组合框。
  • 嗨,席德,是的,你是礼仪。但我希望 UI 类似于多选下拉列表。这就是为什么我这样尝试。此外,这应该适用于 IE 8。

标签: javascript jquery html css bootstrap-multiselect


【解决方案1】:

请添加下面的css代码并检查

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

【讨论】:

  • 所以基本上你建议不使用多选插件,而是使用常规插件?
  • 为了UI的一致性,我使用了多选插件来单选。
  • 有没有其他方法可以让 UI 成为多选下拉菜单?
  • @Karthikeyan,您是否尝试插入上述 css 代码。我在多选插件之上添加了这个。
  • @sameer,是的,我使用了 CSS。现在 UI 看起来正确。但无法在 IE8 中选择下拉选项
猜你喜欢
  • 1970-01-01
  • 2013-08-07
  • 1970-01-01
  • 2013-08-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-20
  • 2021-01-01
相关资源
最近更新 更多