C# Blazor-HTML下拉元素一旦激活，将停止任何进一步的@OnClick事件触发器

不确定是否有人曾经经历过这种情况，但我在网上尝试过一些解决方案，但仍然无法对其进行排序。这就是我的情况：

我已经创建了一个简单的应用程序，其中有一个下拉测试按钮和一个正常测试按钮，一旦我点击它们，我会得到以下结果：

正常测试

一旦被选中，OnClick事件就会触发，只有一个简单的控制台writeline声明调用了该事件。这是我可以反复做的，这是完美的

下拉测试

一旦被选中，OnClick事件就会触发，只有一个简单的控制台writeline声明调用了该事件。我只能这样做一次，此后它无法再次调用我需要它执行的OnClick事件

代码：

正常试验


下拉测试





@代码
{
私有void OnTest（）
{
WriteLine（“PauseFeed called！”）；
}
}

每次选择下拉列表时，我都需要使用下拉按钮来运行OnClick事件，但不确定是否有statechange事件要运行或如何运行

如有任何反馈，将不胜感激

---

谢谢…

感谢收到的反馈

我看了一下提供的选项，决定只改变设计

---

谢谢。

尝试一下

onchange

try.tryed@onchange，尽管下拉菜单有效，但不会触发事件。除非我做错了，否则我甚至传递了ChangeEventArgs。你的代码没有问题……你能改用吗？@Brakkie101。我假设这是引导，并且您引用了引导JS文件。下拉列表使用Popper.js。我还没有深入研究代码（我不是JS专家），但我认为Popper正在与本地DOM交互，并破坏Blazor客户端=>Blazor服务器DOM同步。特别是按钮上onclick事件的事件管理。第一次起作用，因为波普尔还没有介入。您可能需要查看不同的下拉实现。我很久以前就遇到了这个问题，并改变了我的设计。

<div class="container">
  <button class="btn btn-primary" @onclick="OnTest" type="button">Normal Test</button>
  <br />
  <div class="dropdown">
   <button class="btn btn-primary dropdown-toggle" @onclick="OnTest" type="button" data-toggle="dropdown">
     Dropdown Test
   </button>
   <ul class="dropdown-menu">
     <li><a href="#">ValueA</a></li>
     <li><a href="#">ValueB</a></li>
     <li><a href="#">ValueC</a></li>
   </ul>
  </div>
</div>

@code
{
private void OnTest()
    {
        Console.WriteLine("PauseFeed called!");
    }
}