![](/img/trans.png)
[英]How to display the selected Item on Bootstrap Dropdown Title in Angular?
[英]How to display selected item in the title of the bootstrap dropdown list ? and how to display selected item on a javascript alert box?
我已經嘗試了許多此類問題的示例,但仍然找不到如何在引導下拉列表的標題上顯示所選項目以及如何通過javascript獲取所選項目的方法。 如果有人知道代碼,請幫助我提供我應該放在頭部的鏈接。 因為我認為可能是我的頭部缺少了一些內容。 這是示例下拉列表。
<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>
我對HTML進行了一點修改,並添加了jquery
事件:
<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="selected"></span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
jQuery的:
$('div.dropdown ul.dropdown-menu li a').click(function (e) {
$('.selected').html($(this).html());
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.