回填下拉框函数封装联动下拉框

我们这里主要用到三个参数，第三个可以没有，所以这里分为两类

第一类：两个参数

select("/ComboBox/boxMaritalStatus", "p_MaritalStatusID")

第一个url指的是地址，就是我们这个方法要去请求的

"/ComboBox/boxMaritalStatus" 参数一

第二个是要回填到的下拉框的ID

"p_MaritalStatusID"

第二类：三个参数

第一个和第二个都是一样的就不说了

这里第三个参数{ ProvinceId: ProvinceID }

就是我们要传过去的参数，一般是与这个下拉框相关的下拉框，也就是联动下拉框的时候要用到的

下面那个刷新不用管它，这个是我用到layui的插件要用的

 

老规矩上代码

第一种使用方法 

select("/ComboBox/boxMaritalStatus", "p_MaritalStatusID")

 第二种使用方法

function Province1() {
            var ProvinceID = $("#p_ProvinceID").val()
            select("/ComboBox/boxCity", "p_CityID", { ProvinceId: ProvinceID })
            form.render('select'); //刷新select选择框渲染
        }

封装内容 

//下拉框回填数据

function select(url, id, Data) {

    $.get(url, Data, function (data) {

        var str = "";

        $.each(data, function (index, value) {

            str += '<option value="'+ value.id+'">'+value.text+'</option>'

        })

        $("#"+id).empty();

        $("#"+id).append('<option value="0">…请选择…</option>' + str)

    })

};

//下拉框回填数据

function select(url, id, Data) {

    $.get(url, Data, function (data) {

        var str = "";

        $.each(data, function (index, value) {

            str += '<option value="'+ value.id+'">'+value.text+'</option>'

        })

        $("#"+id).empty();

        $("#"+id).append('<option value="0">…请选择…</option>' + str)

    })

};

控制器内容

public ActionResult boxMaritalStatus()
         {
            var AcademyList = from tb in myModel.MaritalStatus
                              select new
                              {
                                  id = tb.MaritalStatusID,
                                  text = tb.MaritalStatusName
                              };
            return Json(AcademyList, JsonRequestBehavior.AllowGet);
        }


public ActionResult boxCity( int? ProvinceId)
         {
            var AcademyList = from tb in myModel.City.Where(o=>o.ProvinceID== ProvinceId)
                              select new
                              {
                                  id = tb.CityID,
                                  text = tb.CityName
                              };
            return Json(AcademyList, JsonRequestBehavior.AllowGet);
        }