一.
首先通过下面的两个下拉框来做案例,医嘱类型下拉框的改变来绑定项目名称下拉框。医嘱类型下拉框里有两个选项分别是药品和检查项目,点击任意一个则改变项目名称下拉框的内容。第一步我们要做到的是查询下拉框内容,然后在根据医嘱类型id来写个下拉框改变事件,js代码如下
获取选中项然后用getJson写请求方法,selectDoctoradviceItem为项目名称下拉框的查询方法,把医嘱类型和项目名称进行绑定拼接个参数typeId。
$("#IDoctoradviceType").change(function
() {
var id = $(this).val();//获取选中项
$.getJSON("/Dorctor/
selectDoctoradviceItem?typeId=" + id, function (d) {
$("#IDoctoradviceItemID").html("");//清空表单
for
(var i = 0; i < d.length; i++) {
$("#IDoctoradviceItemID").append('<option value="' +
d[i].id + '">' + d[i].text + '</option>');
}
})
});
//检查项目查询方法
查询药品表里的药品和检查项目表的检查项目,typeId为页面上传过来的医嘱类型下拉框的选中值,如果typeId == 1则返回药品,否则返回检查项目。
public ActionResult
selectDoctoradviceItem(int typeId)
{
//1、连接药品
var listDrug = (from tbDrug in myModels.B_Drug
select new SelectVo
{
id = tbDrug.DrugID,
text = tbDrug.DrugName
}).ToList();
var listItem = (from tbItem in myModels.B_Item
select new SelectVo
{
id = tbItem.ItemID,
text = tbItem.Item
}).ToList();
if (typeId == 1)
{
return Json(listDrug, JsonRequestBehavior.AllowGet);
}
else
{
return Json(listItem,JsonRequestBehavior.AllowGet);
}
}