下面是我最近学习通过选择下来框数据来自动绑定它的另外一条数据的方法,如下
首先,先绑定下拉框数据
$(function () {
searAreaID是下拉框ID ,SelecAreaInfor是控制器写的自定义方法名
createSelect(“searAreaID “, " SelecAreaInfor “);
});
然后到控制写方法
public ActionResult SelectAreaInfor()
{
List listArea = (from tbArea in myModel.D_Area
select new SelectVo
{
Id是选中值,text为显示值,是SelectVo封装类里面的,如下图
id = tbArea.AreaID,
text = tbArea.AreaName
}).ToList();
listArea = Common.Tools.SetSelectJson(listArea);
return Json(listArea, JsonRequestBehavior.AllowGet);
}
然后再接着到下面写你需要自动显示的数据查询
AreaID是我上线绑定的数据ID,在这里作为参数,通过你选择到的数据再找到他的另外一条数据
public ActionResult selectAreaNumber(int AreaID)
{
try
{
var AreaNumber = (from tbArea in myModel.D_Area
where tbArea.AreaID == AreaID
select tbArea.AreaNumber).Single();
return Json(AreaNumber, JsonRequestBehavior.AllowGet);
}
catch (Exception)
{
return Json(””, JsonRequestBehavior.AllowGet);
}
}
然后再到视图层绑定数据
$(function () {
$(”#上面写的下拉框id “).change(function () {
var searAreaID = $(”#上面写的下拉框id “).val();
$.post(”/区域名/控制器名 /控制器写的查询方法名 “, { AreaID: searAreaID }, function (data) {
var searAreaNumber = $(”#自动显示数据的文本框id ").val(data);
})
});
});
到这里就写完了,下面演示一遍,如下
选择区域下拉框的某条数据下面的区域编号就会自动绑定
选择数据自动绑定另外一条数据
最新推荐文章于 2020-04-13 14:39:03 发布