MVC 4 – 级联下拉列表 – Ajax JavaScript调用问题

我有一个MVC 4应用程序，其中包含两个下拉列表。 用户在第一个下拉列表中选择一个值，然后进行Ajax调用以根据第一个下拉列表的内容填充第二个下拉列表。

我的JavaScript代码如下所示，当用户在第一个下拉列表中选择一个项目时，它会被调用：

function GetAutoModel(_manufacturerId) { var autoSellerListingId = document.getElementById("AutoSellerListingId").value; $.ajax({ url: "/AutoSellerListing/GetAutoModel/", data: { manufacturerId: _manufacturerId, autoSellerListingId: autoSellerListingId }, cache: false, type: "POST", success: function (data) { var markup = "-- Select --"; for (var x = 0; x < data.length; x++) { **if (data[x].Selected) {** markup += "" + data[x].Text + ""; } else markup += "" + data[x].Text + ""; } $('#autoModel').html(markup).show(); }, error: function (reponse) { alert("error : " + reponse); } }); } 

Ajax调用正常工作。 但是，为第二个下拉列表返回的数据包含一个选定的项目，我正在尝试检测所选项目（通过’if’语句），并适当地呈现HTML。 问题是’Selected’似乎不是’data’的属性，因为每个值的计算结果为false，即使其中一个值为true。

难道我做错了什么？ 或者有更好的方法吗？

以下是控制器代码：

 [HttpPost] public ActionResult GetAutoModel(int manufacturerId, int autoSellerListingId) { int modelId = 0; // Get all the models associated with the target manufacturer List modelList = this._AutoLogic.GetModelListByManufacturer(manufacturerId); // If this is an existing listing, get the auto model Id value the seller selected. if (autoSellerListingId > 0) modelId = this._systemLogic.GetItem(row => row.AutoSellerListingId == autoSellerListingId).AutoModel.AutoModelId; // Convert all the model data to a SelectList object SelectList returnList = new SelectList(modelList, "AutoModelId", "Description"); // Now find the selected model in the list and set it to selected. foreach (var item in returnList) { if (item.Value == modelId.ToString()) item.Selected = true; } return Json(returnList); } 

Answer 1

试试这个（将modelId添加到SelectList的构造函数中，并删除foreach块）：

 // Convert all the model data to a SelectList object SelectList returnList = new SelectList(modelList, "AutoModelId", "Description", modelId); return Json(returnList);