Question

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

我在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，但结果相同。有任何想法吗？

Answer 1

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

只是改变：

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

到此：

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

和addClass相同......

重置btn下拉菜单 - 切换到原始状态

1 个答案: