我在我的應(yīng)用程序中使用bootstrap Dropdown組件，如下所示：<div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Other</a></li> </ul></div>我想將所選項目顯示為btn標簽。換句話說，將“請從列表中選擇”替換為已選擇的列表項（“項目I”，“項目II”，“項目III”）。
3 回答
白衣非少年
TA貢獻1155條經(jīng)驗 獲得超0個贊
我能夠稍微改善Jai的工作答案，如果你有一個以上的按鈕下拉，并且有一個非常好的演示文稿，它適用于bootstrap 3：
按鈕的代碼
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Option: <span class="selection">Option 1</span><span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
</ul>
</div>
JQuery代碼段
$(".dropdown-menu li a").click(function(){
$(this).parents(".btn-group").find('.selection').text($(this).text());
$(this).parents(".btn-group").find('.selection').val($(this).text());
});
我還為“選擇”類增加了一個5px的邊距權(quán)限。
- 3 回答
- 0 關(guān)注
- 541 瀏覽
添加回答
舉報
0/150
提交
取消