下拉框绑定

一．

首先通过下面的两个下拉框来做案例，医嘱类型下拉框的改变来绑定项目名称下拉框。医嘱类型下拉框里有两个选项分别是药品和检查项目，点击任意一个则改变项目名称下拉框的内容。第一步我们要做到的是查询下拉框内容，然后在根据医嘱类型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);

            }

        }