将btn下拉切换重置为原始状态

Reset btn dropdown-toggle to original status

本文关键字：原始 原始状 状态 btn      更新时间：2023-09-26

在我的用户从下拉菜单中选择一个选项后，我想将下拉按钮菜单重置为原始选项"选择服务"。在这种情况下，用户选择一个选项，我们进行一些处理，然后我们想更改下拉菜单tu"选择服务"

基于：btn组中的引导重置按钮

我在我的Javascript中使用这个没有运气：

debug('Deploy() Resetting button group status');
$('#button_group_1 button').addClass('active');

或

debug('Deploy() Resetting button group status');
$('#button_group_1 button').removeClass('active');

什么也没发生。这是代码：

<div class="btn-group">
                                    <button id="button_group_1" class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
                                    Select service
                                    <span class="caret"></span>
                                    </button>
                                        <ul class="dropdown-menu pull-left" role="menu" aria-labelledby="service_menu_1" data-id="service_menu_1">
                                        <!-- Only display Main services-->
                                            <li role="presentation"><a data-menu-option="opt1" data-id="1" href="#">option 1</a></li>
                                            <li role="presentation"><a data-menu-option="opt2" data-id="2" href="#">option 2</a></li>
                                            <li role="presentation"><a data-menu-option="opt3" data-id="3" href="#">option 3</a></li>
                                        </ul>
                                </div>

我在div中尝试了Id，但结果相同。有什么想法吗？

您的html结构与您发布的示例不同。

只需更改：

$('#button_group_1 button').removeClass('active');

到此：

$('.btn-group button').removeClass('active');

，addClass也是如此

相关文章：