Question

我使用最新的Bootstrap，我有一个选择框有多个选项。但是，当你选择1个项目时，整个事情会关闭，但我希望你可以选择多个选项，然后关闭该框。这有可能实现吗？

另外，我有一个不起作用的搜索/自动填充表单。我的想法是，当你输入“J”时，自动“日本”会出现。这可能吗？

如果可能的话，我更喜欢Bootstrap内部解决方案。只有在没有办法实现我的想法的情况下才能使用jQuery。

BOOTPLY here BOOTPLY

感谢。

<div class="btn-toolbar">
    <!--Default buttons with dropdown menu-->
    <div class="btn-group">
        <button class="btn btn-default" type="button">Country</button>
        <button class="btn btn-default dropdown-toggle"         data-toggle="dropdown" type="button"><span class="caret"></span></button>
        <div class="dropdown-menu scrollable-menu" style="margin-left: 2em">
            <input class="form-control" placeholder="Search values" 

type="text">
            <div class="checkbox">
                <label><input value="" type="checkbox"> Austria</label>
            </div>
            <div class="checkbox">
                <label><input value="" type="checkbox"> Colombia
                </label>
            </div>
            <div class="checkbox">
                <label><input value="" type="checkbox"> Japan</label>
            </div>
        </div>
    </div></div>

Answer 1

下拉列表可以选择＆＃34;因此，如果您不想关闭，则在点击div / label时需要preventDefault()操作（{{3} }）。事实上，如果您只需单击该复选框，则可以选择多个选项。

至于搜索/自动填充，我建议你查看check this插件，因为我不认为Bootstrap有一些可以用于这种自定义html的东西。而且，由于您已经包含了jQuery文件，为什么不想将它用于自定义搜索功能呢？

编辑：我发现了其他可能对您有帮助的答案Select2

带有多个选择和自动填充框的Bootstrap菜单过滤器

1 个答案: