1. 首先在视图文件中创建一个下拉列表，并从控制器中获取可选项列表：

@Html.DropDownListFor(model => model.SelectedOption, new SelectList(ViewBag.Options, "Value", "Text"), "Select an Option", new { @class = "form-control" })

2. 在控制器中创建可选项列表和过滤器函数：

public ActionResult Index() { var options = new List { new SelectListItem {Value = "1", Text = "Option 1"}, new SelectListItem {Value = "2", Text = "Option 2"}, new SelectListItem {Value = "3", Text = "Option 3"}, new SelectListItem {Value = "4", Text = "Option 4"} }; ViewBag.Options = options; return View(); }

private IQueryable GetFilteredItems(string selectedOption) { var items = db.Items; if (!string.IsNullOrEmpty(selectedOption)) { items = items.Where(i => i.Option == selectedOption); } return items; }

3. 在视图文件中使用Ajax和jQuery获取过滤后的数据：

$("#SelectedOption").on("change", function () { var selectedOption = $('#SelectedOption').val(); $.ajax({ url: "/Home/GetData", data: { selectedOption: selectedOption }, success: function (result) { // update the UI with filtered data } }); });

4. 在控制器中创建处理Ajax请求的方法：

public JsonResult GetData(string selectedOption) { var filteredItems = GetFilteredItems(selectedOption).ToList(); return Json(filteredItems, JsonRequestBehavior.AllowGet); }

5. 最后在视图文件中更新UI，显示过滤后的数据：

success: function (result) { var html = ''; $.each(result, function (key, item) { html += '