Bootstrap导航栏下拉列表没有下拉列表

Question

如何在没有实际按钮的情况下创建引导下拉列表？我想在其他地方使用此功能。

没有bootstrap（来自http://www.w3schools.com/tags/tag_select.asp）：

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

我想要你点击按钮时得到的东西，而不是按钮。 Bootstrap样式将是一个加号。

图片来自：http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_dropdown-menu&stacked=h

Answer 1

您基本上想要触发下拉菜单，而无需手动点击它。因此，您需要在javascript中使用window.onload来触发页面加载下拉列表。

我也可以随意使用Bootstrap下拉列表。

HTML

  <div class="dropdown">
    <!-- the id is important here -->
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" id="dropdown">Dropdown Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
      <li><a href="#">JavaScript</a></li>
    </ul>
  </div>

<强>的JavaScript

window.onload = function () { 
    $("#dropdown").dropdown('toggle')
};

Updated Codepen here