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

【问题标题】：Reset btn dropdown-toggle to original status将 btn 下拉切换重置为原始状态
【发布时间】：2015-05-20 16:38:02
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

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

只是改变：

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

到这里：

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

addClass 也一样...

【讨论】：

我意识到我的代码使用了一个按钮组和一个由按钮组成的下拉菜单，因此我需要使用 innerHTML 更新按钮组本身中的 html 代码： document.getElementById('button_group_1') .innerHTML="选择服务 ";