通过后台json产生产生页面下拉列表

最新推荐文章于 2022-03-31 23:59:51 发布

hejisan

最新推荐文章于 2022-03-31 23:59:51 发布

阅读量1.5k

点赞数

分类专栏： html 文章标签： select

本文链接：https://blog.csdn.net/hejisan/article/details/80272404

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

 public class DropDownListJson : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            if (context.Request["CodeType"] == "EnterpriseType")
            {
                UnitType(context);
            }
        }

        private void UnitType(HttpContext context)
        {
            List<T_UnitTypeInfo> list = new T_UnitTypeDAL().GetAll();
            string result=JsonHelper.GetJson<List<T_UnitTypeInfo>>(list);
            context.Response.ContentType = "application/json";
            context.Response.Write(result);
            context.Response.End();
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

  function iniEnterpriseType() {
            $.ajax({
                type: 'GET',
                url: '../../Ajax/DropDownListJson.ashx?CodeType=EnterpriseType',
                dataType: 'json',
                async: false,
                timeout: 2000,
                success: function (data) {
                    for (var i = 0; i < data.length; i++) {
                        $("#AreaSelect").append("<option value='" + data[i].UnitType + "'>" + data[i].UnitTypeName + "</option>");
                    };
                    $("#AreaSelect").append("<option value='0'  selected='selected'>全部</option>");
                    //document.getElementById('AreaSelect').value = "a";
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert("获取机构类型数据失败！");
                }
            })
        }

  机构类型：
                <select class="selector" id="AreaSelect" style="width:170px;height:24px;line-height:24px;border: 1px solid #BBBBBB;">
                </select>