bootstrap3下拉附加为选择选项

Question

有没有办法使用bootstrap中附加的下拉列表作为选择选项。

我的意思是我有以下

    <div class="input-group">
         <input type="text" class="form-control">
             <div class="input-group-btn">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Options <span class="caret"></span></button>
                   <ul class="dropdown-menu pull-right">
                       <li><a href="#">Option1</a></li>
                       <li><a href="#">Options2</a></li>
                   </ul>
             </div>
    </div>

我希望有

<div class="input-group">
    <input type="text" class="form-control">
         <div class="input-group-btn">
         <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">test <span class="caret"></span></button>
           <select class="dropdown-menu pull-right">
                  <option>option1</option>
                  <option>option2</option>
           </select>
         </div><!-- /btn-group -->
 </div>

Answer 1

根据Bootstrap 3的文档，它们不支持在输入组中选择：

https://github.com/twbs/bootstrap/issues/11340

你可以尝试玩这个，但粗略看一下，除非你自己编写css或修改脚本或两者兼而有之，否则它可能无效。

DEMO：http://silviomoreto.github.io/bootstrap-select/3/

https://github.com/silviomoreto/bootstrap-select

它样式选择看起来像BS3中的下拉菜单。