bootstrap下拉菜单怎么选中子菜单呢？

Question

比如图片上的这个下拉菜单 我想让它点击哪个子选项就让那个子选项代替下拉菜单的位置 比如选的是导航一 把导航一这三个字占据下拉菜单的位置 这个应该怎么做
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">下拉菜单

          <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">导航一</a></li>
            <li><a href="#">导航二</a></li>
            <li><a href="#">导航三</a></li>
          </ul>
          </div>

Answer 1

你想要的是选择框吧http://www.runoob.com/try/tryit.php?filename=bootstrap3-form-select

Answer 2

你的问题逻辑有问题吧？

我想让它点击哪个子选项就让那个子选项代替下拉菜单的位置 比如选的是导航一 把导航一这三个字占据下拉菜单的位置

是什么意思？点击导航一然后让下拉菜单这4个字变成导航一？？？？？

或许你可以到：

Bootstrap文档 - dropdowns 里面看下,是不是有你要用的

Answer 3

可以直接使用select来代替ul 和li 我能明白你的意思