JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="btn-group">
  <button class="btn btn-small">Filter</button>
  <button class="btn btn-small dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
      <li><a href="#">Added</a></li>
      <li><a href="#">Address</a></li>
      <li><a href="#">Assigned to</a></li>
      <li><a href="#">City</a></li>
      <li><a href="#">Company</a></li>
      <li><a href="#">Deal Amount</a></li>
      <li><a href="#">Last Contacted</a></li>
      <li><a href="#">On Call List?</a></li>
      <li><a href="#">Phone</a></li>
      <li><a href="#">State</a></li>
      <li><a href="#">Status</a></li>
      <li><a href="#">Zipcode</a></li>      
  </ul>
</div>

CSS

body {
    margin: 50px;
}

.dropdown-menu a {
    font-size: 12px;
}

JavaScript

$('.dropdown-menu a').click(function() {
    var _select = $(this).text();
    
    $(this).closest('.btn-group').children('.btn:first-child').text(_select);
    
});