JSON填充select

    有 <select id='comb'></select>

方法一:

前台:

    function Initcombox() {
            $.getJSON("InitComboxData.ashx?action=INITCOMBOBOX", function (data) {

                $.each(data, function (i, item) {
                    $("<option></option>").val(item.Value).text(item.Text).appendTo($("#comb"));
                        //默认选择项

                        if (item.selected == true) {
                        $("#comb").val(item.Value);
                    }

                });
            });

            return false;
        }

 

后台:

  public class InitComboxData : IHttpHandler
    {
        private const string ComboboxJsonData_Head = "[{";
        private const string ComboboxJsonData_Item = "\"Value\":\"{0}\",\"Text\":\"{1}\"{2}";
        private const string ComboboxJsonData_Selected = ",\"selected\":true";
        private const string ComboboxJsonData_Splitter = "},{";
        private const string ComboboxJsonData_Foot = "}]";

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";

            var action = context.Request.QueryString["action"];

            if (!string.IsNullOrWhiteSpace(action))
            {
                switch (action.ToUpper())
                {
                    #region 初始化下拉框

                    case "INITCOMBOBOX":
                        var rtn = new StringBuilder();
                        rtn.Append(ComboboxJsonData_Head);

                        context.Response.ContentType = "text/plain";

                        for (int i = 0; i > -12; i--)
                        {
                            if (i != 0)
                            {
                                rtn.Append(ComboboxJsonData_Splitter);
                            }
                            rtn.Append(string.Format(ComboboxJsonData_Item,
                                                     new[]
                                                             {
                                                                 DateTime.Now.AddMonths(i).ToString("yyyyMM"),
                                                                 DateTime.Now.AddMonths(i).ToString("yyyyMM"),
                                                                 i == -2 ? ComboboxJsonData_Selected : string.Empty
                                                             }));
                        }

                        rtn.Append(ComboboxJsonData_Foot);

                        string s = rtn.ToString();

                        context.Response.Write(rtn.ToString());

                        break;

                    #endregion
                }
            }
            else
            {
                context.Response.Write("");
            }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

 

方法二:

前台:

      <link href="Scripts/jquery_easyui_1.3/themes/default/easyui.css" type="text/css"
        rel="stylesheet" />
    <script src="Scripts/jquery_easyui_1.3/jquery-1.7.2.min.js" type="text/javascript"
        language="javascript"></script>
    <script src="Scripts/jquery_easyui_1.3/jquery.easyui.min.js" type="text/javascript"
        language="javascript"></script>
    <script src="Scripts/jquery_easyui_1.3/locale/easyui-lang-zh_CN.js" type="text/javascript"
        language="javascript"></script>

 

        function Initcombox() {
            try {
                var url = 'InitComboxData.ashx?action=INITCOMBOBOX';
                $('#comb').combobox({
                    url: url,
                    valueField: 'Value',
                    textField: 'Text'
                });
            } catch (e) {
                alert(e.message);
            }
            return false;
        }

后台同上

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值