jQuery json没有填充dropdownlist MVC5

时间:2017-08-08 05:48:39

标签: c# jquery asp.net-mvc json.net asp.net-mvc-5

控制器Json结果

public JsonResult GetStaffJson( string Branch)
    {
        List<SelectListItem> S_li = new List<SelectListItem>();
        try
        {
            TempData["Staff_List"] =S_li = cmnclass.Get_staff_SelectList(Branch);
        }
        catch (Exception ex)
        {
            logger.LogError(ex);
        }
        finally
        {
        }
        return Json(S_li, JsonRequestBehavior.AllowGet);
    }

查看

        @Html.DropDownListFor(m => m.clsAUDIT.Branch, ViewBag.Branch_list as IEnumerable<SelectListItem>,"Select a Branch", new {@id="ddlBranch", @class = "form-control", @actor = "DropDown" })

并且

        @Html.DropDownListFor(m=>m.clsCGT.fo_Name_CGT, TempData["Staff_List"] as IEnumerable<SelectListItem> , new {@id="ddl_CGT_fo",@class="input-sm", @actor = "DropDown", @style = "width:auto;" })

另外两个

        @Html.DropDownListFor(m => m.clsGRT.GRT_fo_Name, TempData["Staff_List"] as IEnumerable<SelectListItem>, new {@id="ddl_GRT_fo", @class = "input-sm", @actor = "DropDown", @style = "width:auto;" })
        @Html.DropDownListFor(m => m.clsGRT.GRT_bm_name, TempData["Staff_List"] as IEnumerable<SelectListItem>, new { @id = "ddl_GRT_bm", @class = "input-sm", @actor = "DropDown", @style = "width:auto;" })

现在Jquery

$('#ddlBranch').change(function () {
        var url = '@Url.Action("GetStaffJson", "Annex1")';
        var Branch = $("#ddlBranch").val();
        var ddl_CGT_fo = $("#ddl_CGT_fo");
        var ddl_GRT_fo = $("#ddl_GRT_fo");
        var ddl_GRT_bm = $("#ddl_GRT_bm");

        $.getJSON(url, { Branch: Branch }, function (response) {
            ddl_CGT_fo.empty();
            ddl_GRT_fo.empty();
            ddl_GRT_bm.empty();
            debugger;
            $.each(response, function (index, item) {
                debugger;
                var p = new Option(item.Text, item.Value);
                ddl_CGT_fo.append(p);
                ddl_GRT_fo.append(p);
                ddl_GRT_bm.append(p);
            });
        });
    });

关于更改ddlBranch我正在填充三个DropDownList&#39>

  1. ddl_CGT_fo
  2. ddl_GRT_fo
  3. ddl_GRT_bm
  4. 它的工作正常但只填充了最后一个DropDownList&#39; ddl_GRT_bm&#39; ,

    我在这里缺少什么?为什么前两个DropDownList仍然是空的?

1 个答案:

答案 0 :(得分:-1)

您应该在添加时使用.clone()函数添加新创建的选项。

var p = new Option(item.Text, item.Value);
ddl_CGT_fo.append($(p).clone());
ddl_GRT_fo.append($(p).clone());
ddl_GRT_bm.append($(p).clone());