Html 在引导下拉菜单中选择“不工作”

我试图把一个多选输入，从一个引导下拉菜单内。问题是，当我打开引导下拉菜单并单击multiselect输入时，下拉菜单关闭，似乎无法使用下拉菜单中的输入

在下拉菜单之外，输入可以正常工作，但如果下拉菜单打开，只要我单击multiselect输入，它就会关闭，即使multiselect输入位于引导下拉菜单之外

如何使其工作，以便当我单击下拉菜单中的multiselect输入时，下拉菜单保持打开状态，并且我可以自由选择multiselect输入中的任何选项

这是我的密码：

---

我曾尝试将许多解决方案与JQuery结合使用，以解决相关问题，但我无法让它们中的任何一个发挥作用。有人知道我能做什么吗？

您的选择框会打开，但菜单会隐藏，因此要避免这种情况，一种方法是手动控制菜单的打开/关闭。所以，无论何时单击菜单，都可以从下拉菜单中添加/删除类

演示代码：

$document.readyfunction{ $'test-select'。选择器； $'test-select2'。选择器； //单击下拉开关 $'myDD>a.dropdown-toggle'。单击，functionevent{ $this.parent.toggleClass'show'//添加或删除类 $this.attr'aria-expanded'，$this.attr'aria-expanded'='false'？'true'：'false'；//添加true或false $div[aria labelledby=+$this.attr'id'+].toggleClass'show'//添加类/删除类 }; $'body'。单击，函数E{ //检查点击是否发生在'myDD'标记之外，如果是..隐藏菜单 如果！$'myDD'.ise.target&& $'myDD'.hase.target.length==0&& $'.show'.hase.target.length==0 { //删除类别并添加属性 $'myDD'。删除类“显示” $'myDD>a'.attr'aria-expanded'，'false'； $myDD.children'div.dropdown-menu'.removeClass'show' } }; }; 输入文本 单击可关闭下拉列表 1. 2. 3. 4. 5. 单击可关闭下拉列表（如果打开） 1. 2. 3. 4. 5.

---

您在HTML中做了哪些更改以使引导默认下拉JS代码被排除？当我只将JQuery添加到我的项目中时，它不会工作，但是如果我用您的HTML代码替换我的HTML代码，它会工作，那么您做了什么不同的事情？检查一个标记，我已删除了data toggle=dropdown，因为现在我们可以从JQuery代码中控制它。

<div class="dropdown mb-4 text-dark" id="myDD">
    <a class="btn dropdown-toggle text-muted btn-block btn-grey py-2 font-weight-bold "
       style="color: black !important; font-size: .8em;" href="#" role="button"
       id="dropdownMenuLink"
       data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
       data-display="static">
        <i class="fas fa-sliders-h mr-2"></i> Menu
    </a>
    <div class="dropdown-menu bg-transparent border-0 mt-2"
         aria-labelledby="dropdownMenuLink"
         style="position: relative; float: none;">
        <form>
            <div class="input-group mb-3">
                <label for="inputGroupSelect05"
                       class="text-dark d-block w-100 mb-1">Input text</label>
                <input type="text" class="form-control form-control-sm" placeholder="text input">
            </div>

            <div class="input-group mb-3 multi-select ">
                <label for="inputGroupSelect02" class="text-dark d-block w-100 mb-1">Click causes close of dropdown</label>
                <select style="color: #495057 !important;" class="w-100" multiple data-selected-text-format="count" data-style="custom-select custom-select-sm" id="test-select">
                    <option>1</option>
                    <option>2</option>
                    <option selected>3</option>
                    <option selected>4</option>
                    <option selected>5</option>
                </select>
            </div>
        </form>
    </div>
</div>