クリック後にボタンテキストに選択したブートストラップのドロップダウンアイテムのテキストを取得する方法

Question

アイテムを含むブートストラップボタンをドロップダウンしました。クリックしたときのドロップダウンアイテムのテキストをボタンのテキストに表示します。これを行う最も簡単な方法は何ですか？

<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> 

私はこれを行うことでそうしました。しかし、問題は、ボタンに新しい値を入力すると、ボタンが展開されてキャレットが失われることです。ボタンを一定の幅にしてキャレットを保持するにはどうすればよいですか？

Answer 1

することはあなたが$（ "＃のcontrol_id"）で選択された値にアクセスすることができ、この

<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"）。