twitter-bootstrap - テキスト入力内のTwitterBootstrapドロップダウン

Question

こんにちは私はテキスト入力内のドロップダウンメニューでTwitterBootstrapを使用してフォームを作成したいと思います。このように->

私はこの方法でしかそれを行うことができませんでした

      <div class="input-append">
    <form method="get" action="/option" class="navbar-search" id="searchForm">
      <input type="text" size="16" placeholder="Search string" name="query">
      <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle searchMain" style="width: 150 px;"><span>Option 1</span> <b class="caret"></b></button>
      <ul class="dropdown-menu" id="search-dropdown" style="left: 220px;">
        <li><a href="#" id="option-1">Option 1</a></li>
        <li><a href="#" id="option-2">Option 2</a></li>
        <li><a href="#" id="option-3">Option 3</a></li>
      </ul>
      <button type="submit" class="btn btn-primary"><i class="icon-white icon-search"></i></button>
    </form>
  </div>

ただし、この場合、ドロップダウンはテキスト入力の範囲外です。Twitter Bootstrapを使用してテキスト入力内にドロップダウンを配置することは可能ですか？