有没有办法让 ASP.NET 按钮带有下拉菜单？答案

【问题标题】：Is there a way to have a ASP.NET Button with a dropdown menu?有没有办法让 ASP.NET 按钮带有下拉菜单？
【发布时间】：2021-09-09 15:42:29
【问题描述】：

我正在尝试在网络表单上放置一个按钮，当我单击该按钮时，会出现一个子菜单，为我提供其他选项来导航我的应用程序。有什么办法吗？能否请您放置示例代码。

【问题讨论】：

没有。您可以使用 DropDownList 或尝试使用 JavaScript 来实现。
你能做到吗：是的。这将需要一些javascript。当按下按钮时，您将需要显示一个包含您想要的子菜单的 div。挂钩到按钮 onclick 处理程序，因为这是 asp.net，所以请确保它是 returns false;，以便不提交表单。
你应该发布一些你已经尝试过的代码。 Stack Overflow 不先尝试或研究自己就发布问题是不好的做法。

标签： asp.net visual-studio-2010 drop-down-menu aspbutton

【解决方案1】：

试试这个：http://jsfiddle.net/MXkCb/

<input type="button" value="show more options" class="showmore"/> <div><ul> <li>option 1</li> <li>option 2</li> <li>option 3</li> <li>option 4</li> </ul></div>

$('.showmore').on('click', function(){ $('div').show("slow"); });

【讨论】：

【解决方案2】：

在你看来，试试这个：

@{ varcultureItems = LocOptions.Value.SupportedUICultures .Select(c => new SelectListItem { Value = c.Name, Text = c.TwoLetterISOLanguageName }) .ToList();

}

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle waves-effect waves-light" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Dropdown title
    </a>

  <div class="dropdown-menu" aria-labelledby="navbarDropdown">
        
  @foreach (var culture in cultureItems)
  {
                                                
    <form id="selectLanguage" asp-controller="Home"
      asp-action="SetLanguage" asp-route-returnUrl="@Context.Request.Path"
     method="post" class="form-horizontal" role="form">
    <input class="dropdown-item  waves-effect waves-light" type="submit" name="culture" value="@culture.Value" />       
    </form>
  }
 </div>

</li>

【讨论】：