联动下拉框 jquery 插件（二）

<selectid="Select1"></select>

<selectid="Select2"></select>

<selectid="Select3"></select>

<selectid="Select4"></select>

<scriptsrc="Scripts/jquery-1.6.1.min.js"type="text/javascript"></script>

<scriptsrc="Scripts/jQuery.CascadingSelect.js"type="text/javascript"charset="gb2312"></script>

$(function(){

$("#Select1").FillOptions("Ajax/AreaHandler.ashx",{

textfield:"RegionName",

valuefiled:"RegionId"

});

$("#Select1").CascadingSelect($("#Select2"),"Ajax/AreaHandler.ashx",{

textfield:"ProvinceName",

valuefiled:"ProvinceId",

parameter:"r"

},

function(){

$("#Select2,#Select3,#Select4").empty().append('<option>--请选择--</option>').attr('disabled','disabled');

});

$("#Select2").CascadingSelect($("#Select3"),"Ajax/AreaHandler.ashx",{

textfield:"CityName",

valuefiled:"CityId",

parameter:"p"

},

function(){

$("#Select3,#Select4").empty().append('<option>--请选择--</option>').attr('disabled','disabled');

});

$("#Select3").CascadingSelect($("#Select4"),"Ajax/AreaHandler.ashx",{

textfield:"DistrictName",

valuefiled:"DistrictId",

parameter:"c"

});

json格式同上篇

后台参数：

if(context.Request.Params["p"]!=null)

{

sql=String.Format("SELECTCityId,CityNameFROMT_CityWHEREProvinceId='{0}'",context.Request.Params["p"]);

}

插件（jQuery.CascadingSelect.js）：