引導程序下拉不會選擇元素。需要使用按鈕組設計下拉

Question

我正在使用twitter引導程序並尋找下拉菜單，看起來像按鈕組。問題是，在所有Twitter的引導例如，下拉僅僅是作爲一個菜單項的行爲使所選擇的項目是不是真的變了：
http://twitter.github.com/bootstrap/javascript.html#dropdowns

沒有人有想法，我怎麼能設計的下拉菜單Like按鈕組？

Answer 1

我這個網站發現轉換爲jQuery插件：

(function($) { 
    $.fn.buttonSelect = function() { 
     this.hide().wrap('<div class="btn-group"/>'); 
     var select = this.parent(); 
     var selectedOption=this.find('option[selected]').length>0?this.find('option[selected]'):this.find('option:nth(0)'); 
     var currentValue = selectedOption.val(); 
     var currentText = selectedOption.text(); 
     select.html(
      '<input type="hidden" value="' + this.val() + '"/>'+ 
      '<a class="btn dropdown-toggle" data-toggle="dropdown" href="javascript:;">'+ 
       '<span>'+currentText+'</span>'+ 
       '&nbsp;&nbsp;<span class="caret"></span>'+ 
      '</a>'+ 
      '<ul class="dropdown-menu"></ul>'); 

     var dropdownMenu=select.find('.dropdown-menu'); 
     this.find('option').each(function(o, q) { 
      dropdownMenu. 
       append('<li><a href="javascript:;" data-value="' + $(q).attr('value') + '">' + $(q).text() + '</a></li>'); 
     }); 

     var hidden=select.find('input[type=hidden]'); 
     var label=select.find('.btn span:nth(0)'); 
     dropdownMenu.find('a').click(function() { 
      hidden.val($(this).data('value')).change(); 
      label.text($(this).text()); 
     }); 

     return this; 
    }; 
})(jQuery); 

然後，使用$（ELEM）.buttonSelect（）;使select元素看起來像按鈕組。