jquery 下拉框联动(2)

方法2:

html页面:

<div ID="ddlSummary">
     <select id="ddlCompany">
     </select>
      <select id="ddlTest">
     </select>
</div>

 

js:

<script type="text/javascript">
        function GetCompany()

        {

          $.getJSON("/aspx/JsonData.ashx?Type=Company", function(json) {

            $("#ddlCompany").empty(); //清空
          
            for (var i = 0; i < json.rows.length; i++) {
             var list = "";
             list = "<option  value=/"" + json.rows[i].ID + "/">" + json.rows[i].Name + "</option>";
             $("#ddlCompany").append(list);
             }
             
            });

       }

 

           function test() {
            $.getJSON("/aspx/JsonData.ashx?Type=Company", function(json) {
           
            $("#ddlTest").empty(); //清空
          
            for (var i = 0; i < json.rows.length; i++) {
             var list = "";
             list = "<option  value=/"" + json.rows[i].ID + "/">" + json.rows[i].FundName + "</option>";
             $("#ddlTest").append(list);
             }
             
            });
           }

 

           $(document).ready(function() {

             GetCompany();

             test();

            });
           });

 

处理程序.ashx文件:

 

using System;
using System.Collections.Generic;
using System.Web;
using System.Data;
using AASmart.Financier.Interface;

namespace AASmart.Financier.Web.aspx
{
    /// <summary>
    /// JsonData 的摘要说明
    /// </summary>

    public class JsonData : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {

              //string Type= Convert.ToInt32(context.Request["Type"]);

            DataSet ds = GetData();
            context.Response.Write("{" DataTableToJSON(ds.table[0]) + "}");
        }

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

 

 

 

private DataTableToJSON (DataTable dt)

{

//表转换json格式....

}

阅读更多
个人分类: C#用法 总结与心得
想对作者说点什么? 我来说一句

jquery实现select互斥联动

2017年12月20日 116KB 下载

Jquery实现下拉框、多级联动

2017年11月08日 393KB 下载

jquery动态创建联动下拉框

2013年09月03日 2KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭