以下是使用ASP.NET Core 2.1和jQuery填充下拉列表的解决方法的示例代码:
HomeController
的控制器:using Microsoft.AspNetCore.Mvc;
public class HomeController : Controller
{
public IActionResult Index()
{
return View();
}
// 用于获取下拉列表数据的Action
public IActionResult GetDropdownListData()
{
var data = new[]
{
new { Id = 1, Name = "Option 1" },
new { Id = 2, Name = "Option 2" },
new { Id = 3, Name = "Option 3" }
};
return Json(data);
}
}
Index.cshtml
的视图文件:@{
ViewData["Title"] = "Home";
}
填充下拉列表示例
@section Scripts {
}
http://localhost:5000/Home/Index
,您将看到一个填充了下拉列表的页面。这个示例中,我们首先在HomeController
中创建了一个GetDropdownListData
的Action,用于返回下拉列表的数据。然后,在视图文件Index.cshtml
中,我们使用jQuery的AJAX功能来获取数据,并将其填充到下拉列表中。最后,我们使用@section Scripts
将JavaScript代码放在视图文件的底部,以确保在页面加载完成后执行代码。
请注意,这只是一个简单的示例,您可以根据自己的需求进行修改和扩展。