Javascript 使用ul li元件的引导下拉菜单不起作用

Javascript 使用ul li元件的引导下拉菜单不起作用,javascript,bootstrap-4,Javascript,Bootstrap 4,我有以下代码: <ul> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Select <span class="caret"></span></a> <ul name="lstAddresses" class

我有以下代码:

<ul>
   <li class="dropdown">
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Select <span class="caret"></span></a>
     <ul name="lstAddresses" class="dropdown-menu selectList__select js-address-list" role="menu">
       <li value="0" selected="selected">address 1</li>
       <li value="1">address 2</li>
       ...........
     </ul>
   </li>
</ul>
    • 地址1 地址2 ...........

首次加载时,下拉列表将展开。按插入符号并不像我预期的那样切换下拉列表。我做错了什么?

为什么这是用c#标记的?因为它是MVC razor视图的一部分,所以c#用户可能也使用了这项技术,他们可以帮助添加snippet@HardikMasalawala ??? 问题是控制台中有任何错误。您在页面中是否有可能影响的其他css。bcz相同的代码在这里工作我粘贴你的代码。