联动下拉,赋值的问题。
省市联动,然后保存。可以正常实现。
页面刷新后,想把保存的结果赋值到下拉列表中。
省份列表可以被赋值,城市列表无法赋值,因为为省份列表赋值的时候,没有触发省份列表的change事件,所以城市列表为空。请问这种情况应该如何处理??
附代码:
页面:
HTML code
@Html.DropDownListFor(m => m.Residence1, Model.GetBuildings(), "请选择", new { @id = "Builds" })
@Html.DropDownListFor(m => m.Residence2, Model.GetUnits(""), new { @id = "BUnits" })
页面对应JS:
JScript code
$(function () {
$("#Builds").change(function () {
var selectedvalue = $(this).val();
var url = "/Account/BuildUnits";
$("#BUnits").find("option").remove(); //清空
$.post(url, { bnum: selectedvalue },
function (data) {
$.each(data, function (i, item) {
$("<option></option>").val(item["Value"]).text(item["Text"]).appendTo($("#BUnits"));
});
});
});
});
Controller:
C# code
[Authorize(Roles = "0,1,2")]
[HttpPost]
[ActionName("BuildUnits")]
public JsonResult BuildUnits(string bnum)
{
List<SelectListItem> items = new List<SelectListItem>();
items.Add(new SelectListItem { Text = "请选择", Value = "0" });
if (bnum != "")
try
{
.........
}
catch (Exception ex)
{
ModelState.AddModelError("", ex.Message);
}
return Json(items, JsonRequestBehavior.AllowGet);
}
------解决方案--------------------把省份列表的change事件里的代码封装成一个方法,绑定省份后再调用一下这个方法不就得了么...
------解决方案--------------------再省级的select里面放一个 onchange事件····这样选择了省级之后,就去查找省下面的市···我也问过累死的问题···
------解决方案--------------------要么页面加载的时候,三个列表全部加载,然后根据后台Model,直接设置选中
或者 页面加载时,同步触发一下change
还有你要确保联动的ajax访问是同步的,而非异步方式
------解决方案--------------------
之前做联动菜单绑定的时候 省份和城市就是一个表 父级ID 的形式
把你的model改造下 做个自定义的model。如你是要编辑的时候通俗点的ModelEdit
属性根据编辑需要自定义,城市那就定义一个省份和一个城市都为SelectList类型的属性,
然后再定义两个选中ID SelectedProvinceId、 SelectedCityId。
在属性访问器中写好该集合的获取方法,比如 var list=cityRespository.getCityByProvinceId(SelectedProvinceId);
这个SelectList和SelectListItem一样也有选中的参数重载。
每次刷新什么的,从数据源得到该数据的城市后相应的赋值到SelectedProvinceId、SelectedCityId就可以了。
然后页面赋值的使用用强类型页面,html元素标签的name名字和你的自定义类的属性保持一直,提交的时候可以直接用类来获取了。
建议使用@Html.DropDownList("SelectedProvinceId",list,new{@onchange="function()"})
提交的ActionResult(ModelEdit model)
model.SelectedProvinceId 就是你页面选的ID。
这是小弟之前实现的方式,总体思路就是这样,如有不足和错误之处请见谅。