将多选添加到下拉菜单

问题描述

我正在尝试从 bootstrap 4 的下拉列表中的 bootstrap-select 中获取多选选择器。但是每次我尝试打开多选时，我的下拉菜单都会关闭，我无法弄清楚为什么会发生这种情况或如何防止它发生。在同一个下拉菜单中，我有一个普通的选择器，它的作用完全相同。

<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
    <button style="margin-top: 10px; margin-left: 10px;" class='btn btn-success'>Nieuwe module</button>
</a>
<div class="dropdown-menu" style="margin-top: 25px !important;">
    <div style="margin-left: 10px; margin-right: 10px;">
        <h5 class="card-title">Nieuwe module toevoegen</h5>
        <form action="modulemanager.PHP" method="post">
            <div class="form-group">
                <label>Termijn</label>
                <select name="newtermijn" class="form-control">
                    <option value="0" selected>Eenmalig</option>
                    <option value="1">Per maand</option>
                    <option value="2">Per jaar</option>
                </select>
            </div>
            <div class="form-group">
                <label>Categorie</label>
                <select name="newcat[]" class="selectpicker" multiple title="Kies categorieën">
                    <option value="0" selected>Eenmalig</option>
                    <option value="1">Per maand</option>
                    <option value="2">Per jaar</option>>
                </select>
            </div>
            <button type="submit" name="add" class="btn btn-primary">Toevoegen</button>
        </form>
    </div>
</div>

我发现 this 解决方案使正常的选择工作但不是引导选择下拉

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-4 bootstrap-select