Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在引导下拉列表的标题中显示所选项目?以及如何在javascript警报框中显示所选项目?_Javascript_Jquery_Html_Twitter Bootstrap_Drop Down Menu - Fatal编程技术网

如何在引导下拉列表的标题中显示所选项目?以及如何在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">

我已经尝试了这类问题中给出的许多示例,但仍然找不到如何在引导下拉列表的标题上显示所选项目,以及如何通过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>

选项:选项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());});