我的一个ASP.NET MVC视图中存在问题。
加载页面后,我在PartialView
内呈现div
。
<div id="#jobs">
@{
Html.RenderAction("Jobs", "Home", new { enviroment = "value" });
}
</div>
我的行动Jobs
,看起来像那样(很简单):
public ActionResult Jobs(string enviroment)
{
var model = new MyModel();
model.Jobs = //Get Jobs...
return PartialView(model);
}
我的部分视图只包含一个包含所有Jobs
的表格。
然后我有一个HTML.DropDownList,它包含我的环境。
当这个DropDownList发生更改时,它会触发一个JavaScipt函数,该函数应该更新我的Jobs div
内的表。
该功能如下:
function updateJobs() {
var selectedEnviroment = $("#enviromentsDropdown").val();
$.ajax({
type: "GET",
url: '@Url.Action("Jobs", "Home")',
data: {'enviroment': selectedEnviroment},
dataType: "html",
success: function (data) {
$("#jobs").html(data);
}
});
}
该功能运作正常,data
包含我想要的所有内容,但它不会更新我的Jobs <div>
。
如果我将数据放在另一个div
中,那么它的工作没有任何问题。
你们是否知道我做错了什么以及为什么它不想更新我的Jobs div
?
答案 0 :(得分:4)
将<div id="#jobs">
更改为<div id="jobs">