title: Bootstrap Dropdown get value of selected item
body: <p>With the Bootstrap dropdown-toggle buttons is there any way to show the value that has just been selected?</p>
  
  <pre><code>&lt;form action="/output/" name="InputCacheCheck" method="post"&gt;
  {% csrf_token %}
      &lt;div class="input-prepend input-append"&gt;
          &lt;div class="btn-group"&gt;
  
              &lt;button class="btn dropdown-toggle" name="recordinput" data-toggle="dropdown"&gt;
              Record
              &lt;span class="caret"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;ul class="dropdown-menu"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;A&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;CNAME&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;MX&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;PTR&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;input class=".input-large" name="hostnameinput" id="appendedInputButton" type="text"&gt;
          &lt;button class="btn" type="submit"&gt;Lookup&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Also the name recordinput isn't being supplied within the forms POST data.
  Any ideas?</p>