Bootstrap导航栏下拉列表不带下拉

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

来源

2016-02-05 shell

是你想要的是定制的选择菜单？ –

我想要在点击select时生成的表格，但不必点击select。 – shell

使用单选按钮哈哈:)） – madalinivascu

你基本上要触发下拉，而无需手动不必点击就可以了：从

图像。因此，您需要在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

来源

2016-02-05 07:21:02

谢谢。我只想要下拉菜单。没有按钮。看到我的形象。 – shell

然后，只要删除'runThis'到'onload'。简单:-)检查我更新的答案。 –

由于您正在寻找引导程序下拉菜单，因此在javascript中只涉及一行代码甚至更简单。请检查更新后的答案 –

Bootstrap导航栏下拉列表不带下拉

回答

相关问题