下拉输入文本字段和按钮

Question

我有一个要求，在文本字段和按钮内联，并且在点击按钮或文本字段时，下拉菜单应该出现，此外，文本字段应该充当过滤器。在这方面有人可以提供帮助吗？

该技术可以是bootstrap，jquery或angularjs中的任何一种。

<div style="padding: 100px 100px 10px;">
<form class="bs-example bs-example-form" role="form">
  <div class="row">
    <div class="col-lg-6">
        <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">
                 DropdownMenu 
                 <span class="caret"></span>
              </button>
              <ul class="dropdown-menu pull-right">
                 <li><a href="#">Action</a></li>
                 <li><a href="#">Another action</a></li>
                 <li><a href="#">Something else here</a></li>
                 <li class="divider"></li>
                 <li><a href="#">Separated link</a></li>
              </ul>
           </div><!-- /btn-group -->
        </div><!-- /input-group -->
     </div><!-- /.col-lg-6 -->
  </div><!-- /.row -->
</form>
</div>

演示：http://jsfiddle.net/63fbzgvj/ 此外，我需要与文本字段对齐的下拉窗口，而不是按钮。