如何通过ASP.NET MVC将dropdownlist选择值映射到@html.action路由？

本文共计396个文字，预计阅读时间需要2分钟。

如何将dropdownlist选择的值表示为@Html.Action()路由值。在MVC3项目中，你可以使用以下代码动态调用`eventid`作为dropdownlist的选择值：

@Html.DropDownList(dropdownlistName, new SelectList(Model.Events, EventId, EventName), new { @onclick=updateRouteValue })

然后，在JavaScript中创建一个函数来更新路由值：

javascriptfunction updateRouteValue() { var selectedValue=$('#dropdownlistName').val(); var url='@Url.Action(FirmPassForum, Conference, new { eventId=selectedValue })'; window.location.href=url;}

这段代码首先通过`@Html.DropDownList`创建一个下拉列表，并指定了一个`onclick`事件，当用户选择一个选项时，`updateRouteValue`函数会被调用。在`updateRouteValue`函数中，获取下拉列表的当前值，并构建一个新的路由URL，然后使用`window.location.href`来重定向到该URL。

如何将dropdownlist选择的值称为@html.action路由值.
我在我的MVC3剃须刀中使用以下代码.我必须动态调用’eventid’作为dropdownlist选择值.

@Html.Action("FirmPassForum", "Conference", new { eventId = 69 }) 你不能这样做,因为Html.Action助手在服务器上呈现,而下拉选择可能在客户端上改变.一种可能性是使用AJAX调用.因此,基本上您可以订阅下拉列表的.change()事件,并向某些控制器操作发送AJAX调用,该操作将返回部分视图并更新DOM.

首先将其放入容器中：

<div id="container"> @Html.Action("FirmPassForum", "Conference", new { eventId = 69 }) </div>

然后：

<script type="text/javascript"> $(function() { $('#id-of-your-dropdown').change(function() { var eventId = $(this).val(); $.ajax({ url: '@Url.Action("FirmPassForum", "Conference")', type: 'GET', data: { eventId: eventId }, cache: false, success: function(result) { $('#container').html(result); } }); }); }); </script>

要使用此功能,您的FirmPassForum操作不应使用[ChildActionOnly]属性进行修饰：

public ActionResult FirmPassForum(int eventId) { MyViewModel model = ... return PartialView(model); }