Javascript jQuery/Bootstrap:下拉切换未将选定菜单项设置为默认选定项_Javascript_Jquery_Html_Twitter Bootstrap_Twitter Bootstrap 3

Javascript jQuery/Bootstrap:下拉切换未将选定菜单项设置为默认选定项

javascript jquery html twitter-bootstrap twitter-bootstrap-3

Javascript jQuery/Bootstrap:下拉切换未将选定菜单项设置为默认选定项,javascript,jquery,html,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Html,Twitter Bootstrap,Twitter Bootstrap 3,我有一个引导下拉列表，但我无法将所选菜单项设置为默认的所选下拉列表项 <div class="dropdown"> <button class="btn dropdown-toggle" type="button" id="drpDownCat" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Select a Category<span class="ca

我有一个引导下拉列表，但我无法将所选菜单项设置为默认的所选下拉列表项

<div class="dropdown">
   <button class="btn dropdown-toggle" type="button" id="drpDownCat"
    data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
     Select a Category<span class="caret"></span>
   </button>

    <ul class="dropdown-menu" aria-labelledby="drpDownCat">
       <li><a class="dropdown-item" href="#">Category 1</a></li>
       <li><a class="dropdown-item" href="#">Category 2</a></li>
       <li><a class="dropdown-item" href="#">Category 3</a></li>
       <li><a class="dropdown-item" href="#">Category 4</a></li>
   </ul>
</div>

   <script>
   $('.dropdown-toggle').click(function()
     {
       $('.dropdown-menu').toggle();
     });

   </script>


选择一个类别






$（'.dropdown toggle'）。单击（函数（）
{
$（'.dropdown menu'）.toggle（）；
});

我已经为上述代码创建了一个新的应用程序。


<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
  <div class="dropdown">
    <button class="btn dropdown-toggle" type="button" id="drpDownCat"
    data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Select a Category<span class="caret"></span>
  </button>

  <ul class="dropdown-menu" aria-labelledby="drpDownCat">
    <li><a class="dropdown-item" href="#">Category 1</a></li>
    <li><a class="dropdown-item" href="#">Category 2</a></li>
    <li><a class="dropdown-item" href="#">Category 3</a></li>
    <li><a class="dropdown-item" href="#">Category 4</a></li>
  </ul>
</div>
<script type="text/javascript">
$('.dropdown-item').click(function(){
  $("#drpDownCat").text(this.text)
});
</script>
</body>
</html>

选择一个类别






$（'.dropdown item'）。单击（函数（）{
$（“#drpDownCat”）.text（this.text）
});


选择一个类别






$（'.dropdown item'）。单击（函数（）{
$（“#drpDownCat”）.text（this.text）
});

试试这个

$（函数（）{
$（“.LIA”下拉菜单）。单击（函数（）{
$（“.btn:first child”）.text（$（this.text（））；
$（“.btn:first child”）.val（$（this.text（））；
});
});

选择一个类别










试试这个

$（函数（）{
$（“.LIA”下拉菜单）。单击（函数（）{
$（“.btn:first child”）.text（$（this.text（））；
$（“.btn:first child”）.val（$（this.text（））；
});
});

选择一个类别










您确定已包含所有必需的依赖项吗？一个包含所有依赖项的示例。另外，我在这里添加了所有依赖项，并删除了脚本。您还没有包括JQUERY您确定已经包括了所有必需的依赖项吗？一个包含所有依赖项的示例。另外，我在这里添加了所有依赖项并删除了脚本。您还没有包括JQueryTanks以获得帮助。不知何故，您的js无法工作。$（“.dropdown menu li a”）。单击（function（）{$（this.parents（“.dropdown”）.find（'.btn'）.html（$（this.text（）+）；$（this.parents（.dropdown”）.find（'.btn'）.val（$（this.data（'value'）；）））；谢谢你的帮助。不知何故，您的js无法工作。$（“.dropdown menu li a”）。单击（function（）{$（this.parents（“.dropdown”）.find（'.btn'）.html（$（this.text（）+）；$（this.parents（.dropdown”）.find（'.btn'）.val（$（this.data（'value'）；）））；