没有下拉菜单的引导导航栏下拉表答案

【问题标题】：Bootstrap navbar dropdown table without dropdown没有下拉菜单的引导导航栏下拉表
【发布时间】：2016-05-15 00:45:33
【问题描述】：

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

没有引导程序（来自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>

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

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

【问题讨论】：

你想要的是自定义选择菜单吗？
我想要点击选择时生成的表格，但不必点击选择。
使用单选按钮大声笑:))
您的意思是选择选项对吗？您能否提供一些图片参考或其他可以描述您想要的东西？因为我没有得到你。
他的意思是.. 他想使用旁边的另一个按钮触发<select> 下拉菜单。（无需单击相同的<select>）。 @shell - 如果我错了，请纠正我

标签： javascript jquery html css twitter-bootstrap

【解决方案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

【讨论】：

谢谢。我只想拥有下拉菜单。根本没有按钮。看我的图片。
然后只需将runThis 删除到onload。简单:-) 检查我更新的答案。
由于您正在寻找引导下拉菜单，因此它更简单，只涉及 javascript 中的一行代码。请检查更新的答案