bootstrap和JS实现下拉菜单
Posted aaronthon
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bootstrap和JS实现下拉菜单相关的知识，希望对你有一定的参考价值。
// bootstrap下拉菜单 <div class="btn-group"> <button id="button_text" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#" class="a-1">Action</a></li> <li><a href="#" class="a-1">Another action</a></li> <li><a href="#" class="a-1">Something else here</a></li> <li role="separator" class="divider"></li> <li><a href="#" class="a-1">Separated link</a></li> </ul> </div>
// 点击拉下框选项，替换展示内容
$(".a-1").click(function ()
var val = $(this).html();
$("#button_text").text(val)
)
以上是关于bootstrap和JS实现下拉菜单的主要内容，如果未能解决你的问题，请参考以下文章
将 validator.js 用于 Bootstrap 下拉菜单
Bootstrap-sass gem 无法为下拉菜单加载 js