javascript - JS获取Bootstrap下拉菜单的值

Question

有人可以帮我吗？

我已经几天尝试通过 C# 自定义帮助器方法、HTML 等在 Bootstrap 下拉列表中获取所选选项...但我认为唯一的方法是通过脚本。 我对 JS 的了解几乎为零，但如果你想给我一篇文章，我会很乐意阅读并尝试理解它，所以不用担心。 事实上，我想了解与网络相关的所有内容，但我将 javascript 留到以后使用。问题是，我必须现在就这样做。

在下拉列表中有两个选项，使用 MVC 我需要通过所选的 true、false 或 null 发送到 Controller 值(如果没有选择，则为null)。

下拉菜单

                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="height:28px">
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li class="dropdown-header">Sort by</li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Selected</a></li>
                            <li><a href="#">Unselected</a></li>
                        </ul>
                    </div>

Controller

                    public ActionResult Index(bool? export = null) {  

                    ViewData["export"] = export;  

                    //To do stuff

                    return View();
                   }

知道如何实现这一目标吗？

Answer 1

看看这个:

https://msdn.microsoft.com/en-us/library/dd504972(v=vs.118).aspx

ActionLink 有一个重载，允许您指定路由值对象。它看起来像这样:

<li>@Html.ActionLink("Selected", "Index", "Home", new { export = true }, null)</li>

我只是猜测你的 Controller 是 Home，最后的 null 是因为重载也需要一个 html 属性对象。