我将尝试使用Ajax根据第一个下拉列表的选择更新第二个下拉列表。它似乎正在工作,我已经逐步执行了代码并更新了正确的Id,但是下拉列表本身没有更新。因此我认为我错过了某些东西,在成功函数中我需要更新
jQuery / Ajax:
#modelDropDown
,但不确定如何做到这一点。jQuery / Ajax:
$('#manufacturerDropDown').change(function () {
var selected = $(this).val();
$.ajax({
url: '/Home/Index',
data: { id: $('#manufacturerDropDown option:selected').val() },
type: "post",
cache: false,
success: function () {
},
error: function () {
}
});
});
控制器方法
public IActionResult Index(string id)
{
Guid selectedId = Guid.Parse(id);
var vm = new HomeViewModel
{
Manufacturers = context.ManufacturersTable.OrderBy(x => x.Manufacturer).ToList(),
Models = context.ModelsTable.OrderBy(x => x.ModelName).Where(x => x.ManufacturerId == selectedId).ToList(),
}
}
为了更好的理解上下文,以下是之前的问题:ASP.NET中使用Lambda实现主/从下拉筛选
编辑:
使用下面的jQuery代码,我已经接近目标了,html已经被加载,我可以在错误日志中看到它,但控制台返回错误Uncaught TypeError: Cannot use 'in' operator to search for 'length' in <!DOCTYPE html>
.
$('#manufacturerDropDown').change(function () {
var selected = $(this).val();
$.ajax({
url: '/Home/Index',
data: { id: $('#manufacturerDropDown option:selected').val() },
type: "post",
cache: false,
success: function (result) {
alert(result);
var modelDropDown = $('#modelDropDown');
modelDropDown.empty();
$.each(result, function () {
modelDropDown.append(
$('<option>', {
value: this.Value
}).text(this.Text)
);
});
},
error: function () {
}
});
});
Ajax调用后的响应
Cache-Control: no-cache, no-store
Content-Type: text/html; charset=utf-8
Date: Mon, 08 Jul 2019 23:28:54 GMT
Persistent-Auth: true
Pragma: no-cache
Server: Microsoft-IIS/10.0
Transfer-Encoding: chunked
X-Powered-By: ASP.NET
$. each(result,function(){}
行。弹出与alert(result)
一起弹出的警报也会返回整个HTML页面。 - MM1010