控制器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>
它的工作正常但只填充了最后一个DropDownList&#39; ddl_GRT_bm&#39; ,
我在这里缺少什么?为什么前两个DropDownList仍然是空的?
答案 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());