Jqeruy dropdownlist 联动

 

前台

jQuery(function(){

jQuery("#ddlSizeCode").change(function(){
//alert('123');
var url = 'SizeLabel.aspx' + "?rand=" + Math.random()+"&sval="+jQuery(this).val();
var str = "dropdowselect";

jQuery.post(url, { name: str }, function (data, static) {
var len=data.length;
var optionstr=data.substring(0,len-1); //data是后台输出的数据 ，也就是function回调函数的作用
var strs= new Array(); //定义一数组
strs=optionstr.split(","); //字符分割

jQuery ("#ddlSizeType> option").remove();
// var ff=jQuery("#ddlSizeType").val();
//alert(ff);
for (i=0;i<strs.length ;i++ )
{
jQuery("#ddlSizeType").append(jQuery("<option></option>").val(strs[i]).html(strs[i])); //这里为追加
}

});
});
})

 

后台

if (!string.IsNullOrEmpty(Request["name"]) && !string.IsNullOrEmpty(Request.QueryString["sval"]))
{
string name=Request["name"].ToString();
string sval = Request.QueryString["sval"].ToString();

if (name == "dropdowselect")
{
DataTable dt = BllLibrary.GetSizeTypeData(sval).Tables[0];
for (int i = 0; i < dt.Rows.Count; i++)
{

  Response.Write(dt.Rows[i]["SizeType"]+","); //这里是前台回调函数处理的数据 也就是响应服务器返回的数据
}
Response.End(); //输出结束 只要返回的数据
return;
}
}