2016-08-03 38 views
0

我有一個帶有項目的引導按鈕下拉菜單。我希望點擊時的下拉項目文本顯示在按鈕文本中。什麼是最簡單的方法來做到這一點?如何在按鈕文本中獲得引導選定的下拉項目文本

<div class="input-group-btn"> 
     <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Groups <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
     </ul> 
    </div> 

我這樣做是通過這樣做的。但問題是,當我將新值放入按鈕時,它會擴大按鈕並放棄插入符號。我怎樣才能讓按鈕保持一定的寬度並保留插入符號?

+1

[How to Display Selected Item in Bootstrap Button Dropdown Title]可能的重複項(http://stackoverflow.com/questions/13437446/how-to-display-selected-item-in-bootstrap-button-dropdown-title ) – vanburen

回答

0

嘗試用這種

<select id="control_id" class="form-control" style="width:150px"> 
    <option value="action">Action</option> 
    <option value="another_action">Another action</option> 
    <option value="something_else_here">Something else here</option> 
</select> 

您可以訪問由$選擇的值( 「#CONTROL_ID」)VAL()。或$(「#control_id」)。text();

相關問題