在ASP.NET MVC 3中用C＃创build级联下拉最简单的方法
我想在C#使用MVC3 （最好是Razor ） 级联创build两个DropDownList 。
我想有一个下拉列表，您可以select年份，另一个下拉列表，您可以根据所选年份select一组特定的月份。
让我们把它简单。 当我在下拉列表“年份”中select当前年份（即2011年）时，下拉列表“月份”会填入直到当前月份（即3月）的月份。 对于其他情况（其他年份）没有限制。 此外，在下拉列表“年”中的任何元素被选中之前，“下拉”下拉列表“月”会很好。
我已经在互联网寻找一些解决scheme，使用jQuery甚至自制的方法，但他们都参考了过去的MVC版本和一些命令在MVC3不推荐使用。
非常感谢您的帮助。
和往常一样，你从一个模型开始：
public class MyViewModel { public int? Year { get; set; } public int? Month { get; set; } public IEnumerable<SelectListItem> Years { get { return Enumerable.Range(2000, 12).Select(x => new SelectListItem { Value = x.ToString(), Text = x.ToString() }); } } }
那么一个控制器：
public class HomeController : Controller { public ActionResult Index() { var model = new MyViewModel(); return View(model); } public ActionResult Months(int year) { if (year == 2011) { return Json( Enumerable.Range(1, 3).Select(x => new { value = x, text = x }), JsonRequestBehavior.AllowGet ); } return Json( Enumerable.Range(1, 12).Select(x => new { value = x, text = x }), JsonRequestBehavior.AllowGet ); } }
最后一个看法：
@model AppName.Models.MyViewModel @Html.DropDownListFor( x => x.Year, new SelectList(Model.Years, "Value", "Text"), "-- select year --" ) @Html.DropDownListFor( x => x.Month, Enumerable.Empty<SelectListItem>(), "-- select month --" ) <script type="text/javascript"> $('#Year').change(function () { var selectedYear = $(this).val(); if (selectedYear != null && selectedYear != '') { $.getJSON('@Url.Action("Months")', { year: selectedYear }, function (months) { var monthsSelect = $('#Month'); monthsSelect.empty(); $.each(months, function (index, month) { monthsSelect.append($('<option/>', { value: month.value, text: month.text })); }); }); } }); </script>
显然你会注意到，在我的例子中，我已经硬编码了所有的值。 你应该改进这个逻辑，使用当前年份，当前月份等概念，甚至可能从存储库中获取这些值等等。但是为了演示的目的，这应该足以让你走上正确的轨道。
