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 () {

                    }
                });      
});

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

2 个答案: