如何使用Jquery从“ DropDownList”标签助手中序列化生成的“选择标签”的形式？在Asp.Net MVC中

如何解决如何使用Jquery从“ DropDownList”标签助手中序列化生成的“选择标签”的形式？在Asp.Net MVC中

我需要使用Jquery中提供的** serialize（）**方法进行表单序列化的帮助，但是，它正在序列化某些字段并保留从生成的 tag DropDownList 标记助手。

这是我的剃刀代码

0.4150

**这是代码，我正在编辑表中的条目**

<div class="modal fade" role="dialog" id="MyModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a href="#" class="close" data-dismiss="modal">&times;</a>
                    <h4 id="ModalTitle"></h4>
                </div>
                <div class="modal-body">
                    <form id="form">
                        <fieldset id="SubmitForm">
                            @Html.HiddenFor(m => m.SchoolID,new { @id = "SchoolID" })
                            <div class="form-group">
                                @Html.TextBoxFor(m => m.SchoolName,new { @value = "School",@id = "SchoolName",@class = "form-control",@placeholder = "SchoolName" })
                            </div>
                            <div class="form-group">
                                @Html.DropDownListFor(m => m.CountryID,ViewBag.CountryList as SelectList,"--Select Country--",new { selected = "true",name = "Country",@id = "CountryID",@class = "form-control" })
                            </div>
                            <div class="form-group">
                                @Html.DropDownListFor(m => m.StateID,ViewBag.StateList as SelectList,"--Select State--",name = "State",@value = "State",@id = "StateID",@class = "form-control" })
                            </div>
                            <div class="form-group">
                                <a href="#" class="btn btn-block btn-danger" id="SaveSchoolRecord">Save</a>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div> 

**以下是用于编辑的Controller代码**

    function EditSchoolRecord(SchoolID) {
        var url = "/Home/GetSchoolById?SchoolID=" + SchoolID;
        $("#ModalTitle").html("Update School Record");
        $("#MyModal").modal();
        $.ajax({
            type: "GET",url: url,success: function (data) {
                var obj = JSON.parse(data);
                $("#SchoolName").val(obj.SchoolName);
                $("#CountryID option:selected").text(obj.CountryID);
                $("#StateID option:selected").text(obj.StateID);
            },error: function (data) {
                alert("Error Getting record");
            }
        });
    }

**这是我用于保存数据的Ajax调用**

  public JsonResult GetSchoolById(int SchoolID)
        {
            var objSchool= _context.Schools
                .Where(x => x.SchoolID == SchoolID).SingleOrDefault();
            string value = string.Empty;
            value = JsonConvert.SerializeObject(objSchool,Formatting.Indented,new JsonSerializerSettings
            {
                ReferenceLoopHandling = ReferenceLoopHandling.Ignore
            });
            return Json(value,JsonRequestBehavior.AllowGet);
        }

These are the Fields being Serialized in this model popup,However,when i press the save button,Only the school name is serialized,the other two (Country & State Ids) are not being serialed to be saved to the database. I have confirmed this by looking at the controller's ViewModel Parameter:
public JsonResult SaveSchoolRecord(SchoolViewModel model)

**以下是用于保存的控制器代码**

    $("#SaveSchoolRecord").click(function () {
       var data = $("#SubmitForm").serialize();
        $.ajax({
            type: "Post",url: "/Home/SaveSchoolRecord",data: data,success: function (result) {
                window.location.href = "/Home/index";
                $("#MyModal").modal("hide");
            }
        })
    })