jquery給select賦值


項目中用到通過ajax請求數據然后給select賦值,由於經常遇到類似的代碼,在這里把整個過程記錄一下。

首選發出ajax請求如下:

 <script type="text/javascript">
        $(function () {
            $.post("../../tools/yiliaofuwu.ashx", { "action": "one" }, function (data) {
                var table = data.r;
                $("#in_class1").empty();//首先清空select現在有的內容
                $("#in_class1").append("<option selected='selected'  value=0>請選擇..</option>");
                for (var i = 0; i < table.length; i++) {
                    var item = table[i];
                    // var option = $("<option  value="+item.id+">"+item.name+"</option>");
                  $("#in_class1").append("<option  value=" + item.Id + ">" + item.Name + "</option>");
                }
                //返回的是json格式的數據
            }, "json");

        });
    </script>

后台邏輯處理的代碼如下:

namespace EazyCMS.Web.tools
{
    /// <summary>
    /// yiliaofuwu 的摘要說明
    /// </summary>
    public class yiliaofuwu : IHttpHandler
    {
        private string sql = string.Empty;
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string action = context.Request["action"];
            switch (action)
            {
                case "one": //醫療服務第一類
                    check_one(context);
                    break;
            }


        }
        private void check_one(HttpContext context)
        {
            sql = "select * from dbo.eazy_yitype where parentid=0";
            DataTable dt = DbHelperSQL.Query(sql).Tables[0];
            results results = new results();
            results.r = new result[dt.Rows.Count];
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                results.r[i] = new result() { Id = dt.Rows[i]["id"].ToString(), Name = dt.Rows[i]["typename"].ToString() };
            }
            context.Response.Write(new JavaScriptSerializer().Serialize(results));


        }
        class results
        {
            public result[] r { get; set; }
        }
        class result
        {
            public string Id { get; set; }
            public string Name { get; set; }
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}
View Code

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM