引导程序下拉列表中的默认选择

Question

我正在使用引导下拉列表,并且需要将第一个选项作为默认选项.以下不起作用.

<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    CHOOSE FEATURE
    <span class="caret"></span>
</button>

<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li selected="selected"><a>Feature 1</a></li>
    <li><a>Feature 2</a></li>
    <li><a>Feature 3</a></li>
    <li><a>Feature 4</a></li>
    <li><a>Feature 5</a></li>
    <li><a>Feature 6</a></li>
</ul>

Answer 1

不幸的是,我不相信你能够使用传统的bootstrap下拉菜单实现这种效果.

与传统的HTML"选择"不同,引导下拉通常用于对标题下的一系列链接进行分组.单击菜单项时,它不会被选中,而是通常执行操作.

我建议只使用简单的HTML选择,但从引导程序CSS库中借用样式,使其看起来一致.有点像:

<select class="bootstrap-select">
  <option value="1" selected="selected">Feature 1</option>
  <option value="2">Feature 2</option>
  <option value="3">Feature 3</option>
  <option value="4">Feature 4</option>
</select>