title: bootstrap3 dropdown appended as select option
body: <p>is there a way to use dropdown appended in bootstrap as select option.</p>
  
  <p>what I mean I have the following</p>
  
  <pre><code>    &lt;div class="input-group"&gt;
           &lt;input type="text" class="form-control"&gt;
               &lt;div class="input-group-btn"&gt;
                  &lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;Options &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
                     &lt;ul class="dropdown-menu pull-right"&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Option1&lt;/a&gt;&lt;/li&gt;
                         &lt;li&gt;&lt;a href="#"&gt;Options2&lt;/a&gt;&lt;/li&gt;
                     &lt;/ul&gt;
               &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and I would like to have as</p>
  
  <pre><code>&lt;div class="input-group"&gt;
      &lt;input type="text" class="form-control"&gt;
           &lt;div class="input-group-btn"&gt;
           &lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;test &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
             &lt;select class="dropdown-menu pull-right"&gt;
                    &lt;option&gt;option1&lt;/option&gt;
                    &lt;option&gt;option2&lt;/option&gt;
             &lt;/select&gt;
           &lt;/div&gt;&lt;!-- /btn-group --&gt;
   &lt;/div&gt;
  </code></pre>