Select bootstrap3下拉列表附加为选择选项

是否有一种方法可以将附加在引导中的下拉列表用作选择选项

我的意思是我有以下几点

    <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>

试验
选择1
选择2

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

你可以试着用它，但粗略地看，除非你自己写css或者修改脚本或者两者兼而有之，否则它可能不会起作用

演示：

---

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

首先感谢您的反馈。如果您可以将其附加到输入字段，使其看起来不像是默认的引导安装，那么您可以尝试使用jQuery。使用该脚本可能在输入组内工作，因为它将选择转换为下拉列表，但它们作为选择。更新了答案以反映关于输入组中选择的文档。它们不受支持。也许有一个技巧可以在下拉列表中使用列表作为选项，我将尝试使用jquery