Question

我找不到Bootstrap的可滚动，多选列表组件;有人知道吗？

Select2组件很棒，但我希望首先扩展列表，而不是下拉列表。

如果它可以方便地使用文本输入组件进行搜索/过滤。

感谢您提供任何有用的提示！

Answer 1

如果您正在寻找2列选择布局，请选中this out

如果您正在寻找多选下拉菜单 - 请检查here和here

Answer 2

要使下拉列表可滚动，请添加以下css

.multiselect-container {
    height: 200px;  
    overflow-x: hidden;
    overflow-y: scroll;  
}

Answer 3

我最近创建了非常简单的jQuerUI plugin，它通过在元素上切换.active类来模仿多选功能。

$(selector).multiselect("selection")

返回具有类.active的子元素的索引数组。

滚动和其他样式是通过应用相应的CSS完成的。

Answer 4

Bootstrap Dual Listbox使用两个列表来管理选择。

在您的HTML文档中：

<select name="duallistbox[]" multiselect>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    ...
    <option value="10">Option 10</option>
</select>

在你的JS脚本中：

$('select[name="duallistbox[]"]').bootstrapDualListbox();

导致： Image

寻找Bootstrap的多选，可滚动，List组件

4 个答案: