通过使用jQuery中的ajax方法将下拉列表的更改通过控制器和视图刷新到页面的准确部分。
//在控制器中创建一个方法来获取新的选择值 public ActionResult GetNewValue(string selectedValue) { //从数据库/模型中获取数据 var newData = _context.FilterData(selectedValue);
//将数据传递到视图中
return PartialView("~/Views/Shared/_MyPartialView.cshtml", newData);
}
//在视图上使用jQuery来捕获下拉列表的选择值,并用ajax方法向控制器发送选择值 $(document).ready(function () { $(‘#myDropdown’).change(function () { var selectedValue = $(this).val(); $.ajax({ url: ‘/Home/GetNewValue’, type: ‘GET’, data: { selectedValue: selectedValue}, success: function (data) { //将视图中获取到的新数据加载到对应的部分,以刷新页面 $(‘#myPartialViewContainer’).html(data); } }); }); });
//在视图中使用部分视图来更新需要刷新的特定部分
//在部分视图中循环遍历新数据以更新页面 @foreach(var item in Model) {
@item.Name
}