单击下拉菜单项时不要关闭下拉菜单

时间:2019-05-28 07:33:01

标签: javascript bootstrap-4

这是我的代码的Fiddle链接 我引导用户4。 当我单击下拉列表时,下拉列表将在我的本地环境中关闭。小提琴,它工作正常。 我在本地缺少哪一点。甚至我的本地和小提琴设置都是相同的。

JS Fiddle Link

 <div class="dropdown d-inline-block">
                <button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Advance Filter
                </button>
                <div class="dropdown-menu pr-2 pl-2 advance-filter-dropdown" aria-labelledby="dropdownMenuButton">
                    <div class="advance-filter-wrap">
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="" class="sr-only">By Agent</label>
                                    <select name="" id="" class="form-control">
                                        <option value="agent1">Agent 1</option>
                                        <option value="agent2">Agent 2</option>
                                        <option value="agent3">Agent 3</option>
                                        <option value="agent4">Agent 4</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="" class="sr-only">Lead Potential</label>
                                    <select name="" id="" class="form-control">
                                        <option value="huge">Huge</option>
                                        <option value="medium">Medium</option>
                                        <option value="small">Small</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="advance-filter-footer text-right">
                        <button class="btn btn-danger btn-sm">Reset All</button>
                        <button class="btn btn-success btn-sm">Apply</button>
                    </div>
                </div>
            </div>

0 个答案:

没有答案