在Visual Studio 2013 mvc中，如何使用bootstrap和html帮助程序在标题中有一个下拉列表

Question

我的要求如下。我有一个带有以下链接的标题：主页，目的地，季节。我希望目的地链接是悬停时的下拉列表（包含景点和热门目的地的链接）。我知道如何使用 html、css 和引导来实现这一点，但由于 im 使用 mvc，导航到控制器中的操作方法将是一个问题。以下是我到目前为止获得的代码。不知道如何实现下拉列表。请帮忙！

<div class="menu">
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active">@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>
                        <ul class="dropdown-menu" aria-labelledby="dropdownmenu1">
                            <li>@Html.ActionLink("Activities", "Activities", "Home")</li>
                            <li>@Html.ActionLink("Popular Destinations","Destinations","Home")</li>
                        </ul>
                    </li>
                <li>@Html.ActionLink("Seasons", "Seasons", "Home")</li>
            </ul>
            </div>
        </div> 

我希望链接"活动"和"热门目的地"位于标题链接"目的地"的下拉列表中。请告知如何使用引导程序和 html 帮助程序操作链接来实现此目的。

Answer 1

你应该使用-

@Html.DropDownListFor(model => model.YourModelName, listItems, "-- Select Value--")

欲了解更多详情，请参阅：-带有 Razor 的 MVC 4 中的下拉列表

Answer 2

试试下面的html

<div class="menu">
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            <li class="active">@Html.ActionLink("Home", "Index", "Home")</li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                    Destinations 
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li>@Html.ActionLink("Activities", "Activities", "Home")</li>
                    <li>@Html.ActionLink("Popular Destinations","Destinations","Home")</li>
                </ul>
            </li>
            <li>@Html.ActionLink("Seasons", "Seasons", "Home")</li>
        </ul>
    </div>
</div>