ASP.NET MVC剃刀-单击DropDownList重定向到另一个视图

Question

我是ASP.NET MVC的新手，如果我的问题太简单了，请原谅。 我在剃须刀中有一个ASP.NET MVC DropDownList：

 @{var listItems = new List<SelectListItem>
         {
          new SelectListItem { Text = "Patient List", Value="Patient List" },
          new SelectListItem { Text = "Benchmarking", Value="Benchmarking" },
          new SelectListItem { Text = "Center Specific", Value="Center Specific" },
          new SelectListItem { Text = "ECMO Run", Value="ECMO Run" }
         };
        }
        @Html.DropDownList("Reports",new SelectList(listItems,"Value","Text"))

如果客户单击列表项之一，我将调用相应的.cshtml（另一个视图）。 如何实现呢？ 预先感谢您的任何帮助。

Answer 1

使用jQuery

$("#Reports").click(function(){
var selectedValue=    $(this).find('option:selected').val();
if(selectedValue.toLowerCase()=="patient list")
{
 location.href="your link";
}
});

Answer 2

在此示例中，您可以加载依赖于所选项目的部分视图，我相信这比重定向更为友好。

$('#list').on('change', function() {
             var selectedView = $(this).val();
             $.ajax({
                    type: "GET",
                    url: @Url.Action("Method","Controller"),
                    data: { viewName: selectedView  },
                    contentType: "application/json; charset=utf-8",
                    dataType: "html",
                    success: function (content) {
                        $("#newContent").html(content);
                    },
                    error: function () {

                    }
                });      
});