我正在开发一个MVC 4 Web应用程序。其中剃刀意见有两个下拉列表。第一个下拉列表由传递给视图的ViewModel数据填充。使用JQuery和Ajax基于从第一个下拉列表(级联)中选择的ID调用次级下拉列表。编辑时未选择MVC级联下拉菜单
我有这个工作正常,但是,无论何时用户希望编辑一个现有的记录,我无法得到所选的二级下拉列表值被选中。
这是两个下拉列表
<div class="lbl_a">
Employer:
</div>
<div class="editor-field sepH_b">
@Html.DropDownListFor(model => model.Employer, Model.EmployerList, "Select", new { @class = "inpt_a" })
</div>
<div class="editor-label">
@Html.LabelFor(model => model.DirectorateID, "Directorate/ Service Group")
</div>
<div class="editor-field">
@Html.DropDownListFor(model => model.DirectorateID, Model.DirectorateList, "Select")
</div>
这是我的jQuery代码我的剃刀代码
$(document).ready(function() {
//Pre load on page load
onEmployerChange();
//Hide and show DIVS based on selection
$("#Employer").change(onEmployerChange);
function onEmployerChange() {
var dataPost = { orgID: val };
$.ajax({
type: "POST",
url: '/User/GetDirectorates/',
data: dataPost,
dataType: "json",
error: function() {
alert("An error occurred." + val);
},
success: function (data) {
var items = "";
$.each(data, function (i, item) {
items += "<option value=\"" + item.Value + "\">" + item.Text + "</option>";
});
$("#DirectorateID").html(items);
}
});
}
}
});
当用户选择从所述第一下拉列表中的值,所选择的ID被传递给GetDirectorates的用户控制器内动作。
这是我GetDirectorates动作返回JSON数据
public ActionResult GetDirectorates(string orgID)
{
if (String.IsNullOrWhiteSpace(orgID))
orgID = "0";
var Directorates = _ListService.GetListItemsByOrganisationID(Convert.ToInt32(orgID));
List<SelectListItem> directorateList = new List<SelectListItem>();
directorateList.Add(new SelectListItem() { Text = "Select", Value = "" });
foreach (var directorate in Directorates)
{
directorateList.Add(new SelectListItem() { Text = directorate.description, Value = directorate.listItemID.ToString(), Selected = false });
}
return Json(new SelectList(directorateList, "Value", "Text"));
}
每当用户希望编辑现有记录我通过双方的第一个值和第二个下拉列表。这两个下拉列表都按照预期填充了正确的数据,但是,第二个下拉列表的选定值从未被选中。
这是用户在尝试编辑现有记录时调用的编辑动作的缩短版本,但显示传递的两个下拉列表选定值。
public ActionResult EditNonMember(int id, string feedback, string courseDateID, string courseID)
{
//code to retrieve data here
vm.Employer = UserDetails.Employer;
vm.DirectorateID = UserDetails.DirectorateID;
return View(vm);
}
任何人都可以帮助我吗?
谢谢。