如何在引导下拉列表的标题中显示所选项目?以及如何在javascript警报框中显示所选项目?
我已经尝试了这类问题中给出的许多示例,但仍然找不到如何在引导下拉列表的标题上显示所选项目,以及如何通过javascript获取所选项目。如果有人知道代码,请帮助我的链接,我应该包括在头部部分。因为我想可能是我在头部遗漏了什么。 下面是示例下拉列表如何在引导下拉列表的标题中显示所选项目?以及如何在javascript警报框中显示所选项目?,javascript,jquery,html,twitter-bootstrap,drop-down-menu,Javascript,Jquery,Html,Twitter Bootstrap,Drop Down Menu,我已经尝试了这类问题中给出的许多示例,但仍然找不到如何在引导下拉列表的标题上显示所选项目,以及如何通过javascript获取所选项目。如果有人知道代码,请帮助我的链接,我应该包括在头部部分。因为我想可能是我在头部遗漏了什么。 下面是示例下拉列表 <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<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>
选项:选项1
我稍微修改了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>
我被修改了一点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>
在演示中,它可以工作,但当我在开发站点上尝试时,它不起作用。你能告诉我应该在标题部分包括什么吗Bootstrap Js required和jquery>=1.9 lib也是required。谢谢,在我将jquery代码放入document ready函数后,它工作了$(document).ready(function(){$('div.dropdown ul.dropdown-menu li a')。单击(function(e){$('.selected').html($(this.html());});在演示中,它可以工作,但当我在我的开发站点上尝试它时,它不起作用。你能告诉我应该在标题部分包括什么吗引导Js required和jquery>=1.9 lib也是required。谢谢你,在我将这个jquery代码放入document ready函数后,它工作了$(document).ready(function(){$('div.dropdown ul.dropdown-menu li a')。单击(function(e){$('.selected').html($(this.html());});