MVC 中的下拉菜单未加载 WCF 服务调用的编辑函数上的数据

Question

从 WCF 服务调用时，MVC 中的下拉菜单未在 Edit Function 上加载数据， 在下拉列表中列出了整个国家/地区名称，但是，在记录保存数据时，下拉列表中未显示已保存的所选国家/地区，请查找所附图片

编辑功能点击索引页面中的以下代码（仅下拉值显示不正确）

 <form id="form">
   <fieldset id="SubmitForm">
     <div class="form-group">
       @Html.DropDownListFor(m => m.CountryID, ViewBag.ListofCountries as SelectList, "--Select Country--", new { @id = "DropDwnCountry", @class = "form-control" })
     </div>
</fieldset>

代码是编辑功能

var Edit = function (UserID) {
        $("#ModelTitle").html("Update Record");
        $("#MyModal").modal();
    $.ajax({
        type: "POST",
        url: "/User/GetUserbyID?UserID=" + UserID,
        success: function (data) {
            var obj = JSON.parse(data);
            $("#UserID").val(obj.UserID);
            $("#userCode").val(obj.UserCode);
            $("#userName").val(obj.Name);

            debugger;
            alert('1');
            //$("#DropDwnCountry option:selected").text(ViewBag.ListofCountries)
            $("#DropDwnCountry option:selected").val(obj.CountryID); //not loading the correct value
            alert(obj.CountryID);
            //alert($("#DropDwn").text(obj.CountryID));

        }
    })
}

以下代码，在控制器中

 public ActionResult Index()
 {
   Countries = new TktServiceClient().GetCountries().ToList();
   ViewBag.ListofCountries = new SelectList(Countries, "CountryID","CountryName" );
   return View();
 }

请帮助解决这个问题所面临的错误

Answer 1

尝试替换此行

@Html.DropDownListFor(m => m.CountryID, ViewBag.ListofCountries as SelectList, "--Select Country--", new { @id = "DropDwnCountry", @class= "form-control" })

由

@Html.DropDownListFor(m => m.CountryID,new SelectList(ViewBag.ListofCountries, "CountryID", "CountryName"), "--选择国家--", new { @id = "DropDwnCountry", @ class= "表单控制" })

在索引视图中