Question

我试图在点击默认按钮时激活下拉切换按钮但是通过进行删除我会知道下拉菜单然后消失了。

我无法回忆为什么会这样？

我已将我的代码放在http://jsfiddle.net/9r14uuLw/31/

上

<div class="row">
        <div class="col-sm-4">
          <!-- Button Group -->
          <label><h5>Status</h5></label>
          <div class="btn-group btn-group" >   
            <button type="button" class="btn btn-default" id = 'StatusBtn' onclick="clicktogglebutton()" >Select One</button>
            <button type="button" class="btn btn-default dropdown-toggle" id = 'togglebtn1' data-toggle="dropdown">
              <span class="caret"></span>
              <span class="sr-only">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu" role="menu">
              <li><a href="#">Status 1</a></li>
              <li><a href="#">Status 2</a></li>
              <li><a href="#">Status 3</a></li>
            </ul>
          </div>
        </div>
      </div>

请对它进行操作并让我知道，代码中可能需要进行的调整才能使其正常工作。

Answer 1

最好为此角色使用标准<select>元素，因为它在功能和语义上都更好。

但是，如果您自己开始滚动，为什么还有两个按钮？尝试将其浓缩为单个元素：

<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  Select One
  <span class="caret"></span>
  <span class="sr-only">Toggle Dropdown</span>
</button>

激活下拉列表切换默认按钮

1 个答案: