@model IEnumerable
function searchProducts() {
var searchVal = $('#searchBox').val();
$.ajax({
type: 'GET',
url: '@Url.Action("SearchProducts")',
data: { searchText: searchVal },
success: function (data) {
var selectBox = $('select[name="SelectedProductId"]');
selectBox.empty();
$.each(data, function (index, element) {
selectBox.append($('
[HttpGet]
public IActionResult SearchProducts(string searchText)
{
var products = _context.Products
.Where(p => p.ProductName.Contains(searchText))
.ToList();
return Json(products);
}
public class ProductViewModel
{
public int SelectedProductId { get; set; }
public IEnumerable Products { get; set; }
}
这样,就可以实现一个带有动态搜索功能的 ASP.NET Core MVC 下拉列表框了。