常见ddl无刷联动效果

                以下是由两个ddl组成的联动效果，无刷的 ，选择供应商，查找要采购的商品

1.      //供应商

        function abc() {
            var id = $("#ddlSupplierId").val(); //id
            // alert(id);
            $.ajax({
                url: "Shop.ashx?id=" + id,
                dataType: "json",
                type: "GET",
                success: function (data) {
                    var obj = eval(data);
                    $("#ddlGoods").empty();                                   //清空先
                    $.each(obj, function (index, content) {
                       // debugger;
                        if (index == 0) {                                              //如果是第一行默认显示
                            $("#ddlGoods").append($("<option selected='selected' value=" + content.id + ">" + content.GoodsName + "</option>"));
                        }
                        else {
                            $("#ddlGoods").append($("<option  value=" + content.id + ">" + content.GoodsName + "</option>"));
                        }
                        $("#txtUnit").val(content.unit.toString());
                    });
                    $(".rule-single-select").ruleSingleSelect();
                },
                error: function () {
                    //alert("sss");
                }
            });

        }

  ================================

        <asp:DropDownList ID="ddlSupplierId" runat="server" onChange="abc()">
                        </asp:DropDownList>

                         商品名称
                    <div class="rule-single-select" style="width: 100px; margin-right: 60px;">
                        <asp:DropDownList ID="ddlGoods" runat="server" onChange="goodsChange()">
                        </asp:DropDownList>
                    </div>

==========================================================

  1.Shop.ashx

          public void ProcessRequest(HttpContext context)
        {
            string json = "";
            context.Response.ContentType = "text/plain";
            if (!string.IsNullOrEmpty(context.Request.QueryString["id"]))
            {
                string id = context.Request.QueryString["id"];
                BLL.mn_GoodsAttributes cbll = new BLL.mn_GoodsAttributes();
               // BLL.mn_GoodsClass cbll = new BLL.mn_GoodsClass();
                string sqlwhere = "FirmId=" + Convert.ToInt32(id);
                List<Model.mn_GoodsAttributes> Goodslist = new List<Model.mn_GoodsAttributes>();

                Goodslist = cbll.GetModelList(sqlwhere);
                if (Goodslist != null)
                {

                    int i = 0;
                    json += "[";
                    foreach (Model.mn_GoodsAttributes model in Goodslist)
                    {
                        i++;
                        json += "{\"GoodsName\":\"" + model.GoodsName + "\",\"id\":\"" + model.GoodsId + "\",\"unit\":\"" + model.UnitName + "\"}";
                        if (i < Goodslist.Count)
                        {
                            json += ",";
                        }

                    }

                    json += "]";
                }
                context.Response.Write(json);
                return;
            }