從引導下拉列表中選擇列表元素，顯示選定的元素

Question

我不知道如何爲此編寫javascript代碼，有人可以幫我嗎？

<div class="input-group"> 
    <div class="input-group-btn"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Select one <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Entrepreneurship</a></li> 
     <li><a href="#">Investments</a></li> 
     <li><a href="#">Management</a></li> 
     <li class="divider"></li> 
     <li><a href="#">All of the Above</a></li> 
    </ul> 
    </div><!-- /btn-group --> 
    <input type="text" class="form-control" placeholder ="Years of experience" > 
</div> 
</p> 

Answer 1

你可以有一個click處理的li元素，如

jQuery(function ($) { 
    $('.input-group-btn .dropdown-menu > li:not(.divider)').click(function(){ 
     $(this).closest('ul').prev().text($(this).text()) 
    }) 
}); 

演示：Fiddle