如何使用Bootstrap下拉菜單作爲HTML表格<select>

Question

我想我可能正在密集。我想使用Bootstrap下拉按鈕從名稱列表中進行選擇。我可以用純HTML和/或非常簡單的jQuery來做到這一點嗎？

IE我想使用一個自舉下拉作爲HTML形式輸入select。

<button class="btn btn-warning dropdown-toggle" type="button" id="dropdownMenu1565" 
     data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
    Select Client 
    <span class="caret"></span> 
</button> 
<ul class="dropdown-menu" name="xx-selectClient" aria-labelledby="dropdownMenu1565"> 
    <li><a id="yy-lloydBrayton">Lloyd Brayton</a></li> 
    <li><a id="yy-muiThreet">Mui Threet</a></li> 
    <li><a id="yy-wilsonBritton"> Wilson Britton</a></li> 

    <li><a id="yy-gilbertMinto">Gilbert Minto</a></li> 
    <li><a id="yy-thomasinaLaney">Thomasina Laney</a></li> 

我把表格一起來關注一下OK（易於使用等），然後着手清理，使之功能。基本的BS「選擇」相當醜陋，所以如果可以的話，寧可使用下拉列表。其他一切都會好起來，但我堅持如何使用下拉菜單作爲選擇。

編輯：感謝Cory和以前的SO海報這對我的作品，我想如果你想要的文字可能是別人

<script> 
$(".dropdown-menu a").click(function(){ 
var selectId = $(this).attr('id') 
    $('#formId').submit(function(eventObj) { 
     $(this).append("<input type='hidden' name='selectClient' value="+selectId+"/> "); 
     return true; 
    }); 
}) 
</script> 

有益不是id然後，在第三行使用：

var sel = $(this).text() 

編輯：下面阿達什訥的貢獻是題外話，但輝煌。當時我試圖傳遞值，但Adarsh的解決方案將所選用戶的名稱添加到提供重要用戶反饋的按鈕。所以，你最終用：

感謝一個完美的解決方案的人。

Answer 1

你在找這樣的嗎？ http://jsfiddle.net/rszens8z/1/

<div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button"  id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria- expanded="true"> 
    Dropdown 
    <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
    <li><a id="yy-lloydBrayton">Lloyd Brayton</a></li> 
    <li><a id="yy-muiThreet">Mui Threet</a></li> 
    <li><a id="yy-wilsonBritton"> Wilson Britton</a></li> 

    <li><a id="yy-gilbertMinto">Gilbert Minto</a></li> 
    <li><a id="yy-thomasinaLaney">Thomasina Laney</a></li> 
    </ul> 
</div> 

你可以改變它的一些建在BS CSS外觀http://getbootstrap.com/components/#btn-dropdowns