Javascript 引导下拉按钮

我目前使用的是Bootstrap3和RubyonRails，我在下拉按钮方面遇到了一些问题。按钮确实会下拉并显示列表项，但单击其中一项后，我会被带到页面顶部，并且没有选择任何列表项

下面是下拉按钮的代码-html.erb文件

   <div class="col-md-5 col-md-offset-2 col-xs-12"> 
          <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
    How many?

  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">1</a></li>
    <li><a href="#">2-9</a></li>
    <li><a href="#">10+</a></li>
  </ul>
</div>
</div>
        </div>

<script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
<script>
     $(document).ready(function(){
        $('.dropdown-toggle').dropdown()
    });
</script>

有多少

我对JS的了解是不存在的，所以我一直在研究其他人的问题，但我仍然无法解决它

该脚本也保存在html.erb文件中

   <div class="col-md-5 col-md-offset-2 col-xs-12"> 
          <div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
    How many?

  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">1</a></li>
    <li><a href="#">2-9</a></li>
    <li><a href="#">10+</a></li>
  </ul>
</div>
</div>
        </div>

<script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
<script>
     $(document).ready(function(){
        $('.dropdown-toggle').dropdown()
    });
</script>

$（文档）.ready（函数（）{
$（'.dropdown toggle'）.dropdown（）
});

运行应用程序时，Javascript控制台会抛出一个404 not found for bootstrap.js。我目前在Vendor/assets/javascripts/bootstrap.js下有引导程序

引导JS文件应该在app/assets/javascripts下吗

---

希望有人能够解释我做错了什么。

这似乎是“a”元素中的href属性问题。请删除文字“#”，然后重试

---

所有加载的文件路径，无论您想从本地存储加载什么，都应该是基于本地存储的路径。也就是说，apps/asset/javascript路径是正确的。

我认为您混淆了列表和菜单。您的菜单项没有做任何特殊的操作，因此您可以有效地单击锚点，所有锚点都链接到

#

。下拉按钮是表单的一部分，因此按钮的布局看起来很好。我可以看到你在说什么，但我仍然无法单击其中一个下拉项来选择它。感谢您的输入@davidg“选择”下拉项是什么意思？当您单击菜单项时，您希望发生什么？该项将取代按钮标题，并在表单提交时随表单一起提交所选内容。谢谢，有什么主意吗？感谢@DavidGI修复了资产路径的问题，我正在使用Rails，我永远无法让imgsrc为我工作，但是下面的代码起了作用<代码>