Javascript Can'；t在下拉引导中显示选定值_Javascript_Jquery_Twitter Bootstrap

Javascript Can'；t在下拉引导中显示选定值

javascript jquery twitter-bootstrap

Javascript Can'；t在下拉引导中显示选定值,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,下面是我尝试过的例子。但我在下拉列表中看不到所选的值。在本例中，我想将值“Foo”更改为“Bar”，但我不能。这里有什么问题 <html> <head> <title>LGA Form</title>  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootst

下面是我尝试过的例子。但我在下拉列表中看不到所选的值。在本例中，我想将值“Foo”更改为“Bar”，但我不能。这里有什么问题

<html>
<head>
<title>LGA Form</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>

    <!-- Latest compiled JavaScript -->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js">
  </script>
    <script type="text/javascript">

    $(".dropdown-menu li a").click(function(){
            $(this).parents(".input-group-btn").find('.btn').text($(this).text());
            $(this).parents(".input-group-btn").find('.btn').val($(this).data('value'));
}); 
 </script>
</head>

<body>

<div class="input-group-btn">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
   Foo      
    <span class="caret"></span>
    </button>
   <ul class="dropdown-menu pull-left">
   <li><a href="#" data-value="bar">Bar</a></li>
   <li><a href="#" data-value="baz">Baz</a></li>
   <li><a href="#" data-value="beh">Beh</a></li>
 </ul>
</div>
</body>
</html>


LGA表格
$（“.LIA”下拉菜单）。单击（函数（）{
$（this）.parents（“.input group btn”）.find（'.btn'）.text（$（this.text（））；
$（this）.parents（“.input group btn”）.find（'.btn'）.val（$（this.data（'value'））；
}); 
福

我可以用所选的下拉值更新按钮文本。请注意，根据您的问题，您希望将“Foo”更改为“Bar”，但您的值不是“Bar”，而是“Bar”。我正在使用

.data（'value'）

检索值。如果要检索文本，可以使用

.text（）

认为您错过了一个文档就绪调用&文本而不是val调用-已更新如下

$(document).ready(function(){

   $(".dropdown-menu li a").on('click',function(evt){
        $(this).closest(".input-group-btn").find('.btn').text($(this).data('value'));
   }); 

});

您的代码按设计工作，但它覆盖了插入符号范围。以下是您的代码：

$(document).ready(function(){

   $(".dropdown-menu li a").on('click',function(evt){
        $(this).closest(".input-group-btn").find('.btn').text($(this).data('value'));
   }); 

});