如何在MVC asp.net中显示选定的选项

Question

我有以下代码：

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li class="dropdown">
            <a id="na" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Environments <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li>@Html.ActionLink("Reports - ", "Index", "Reports", new { environment = "" }, null)</li>
                <li>@Html.ActionLink("Reports - ", "Index", "Reports", new {environment = "" }, null)</li>
                <li>@Html.ActionLink("Reports - ", "Index", "Reports", new { environment = "" }, null)</li>
                // <li>@Html.ActionLink("Reports - ", "Index", "Reports", new { environment = "" }, null)</li>
            </ul>

`

我想知道如何显示用户在渲染HTML上按下的所选选项

Answer 1

使用以下代码：

        $(function(){

        $(".dropdown-menu").on('click', 'li a', function(){
console.log($(this).text());
       });

    });

Answer 2

从我从您的问题中可以理解的是，您要显示还是要知道从那3个li中单击了哪个Actionlink或超链接？ 如果是，那么您可以在视图中发送一些路线值

 <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a id="na" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Environments <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li>@Html.ActionLink("Reports - ", "Index", "Reports", new { environment = "1" }, null)</li>
                    <li>@Html.ActionLink("Reports - ", "Index", "Reports", new {environment = "2" }, null)</li>
                    <li>@Html.ActionLink("Reports - ", "Index", "Reports", new { environment = "3" }, null)</li>
                    // <li>@Html.ActionLink("Reports - ", "Index", "Reports", new { environment = "" },null)</li>
                </ul>

然后在报表控制器的控制器中

public ActionResult Index(string environment)
{
  string ClickValue = environment; //You get use Clickvalue here
}