三级联动下拉菜单,只需几行代码就可实现。使

jquery.threelevelcategoryselect

三级联动下拉菜单 只需几行代码就可实现三级联动功能。使用场景:省市区、商品三级分类等。 详细介绍请参考:http://www.cnblogs.com/eggTwo/p/5991925.html #核心功能

可以根据需要设置是否显示“请选择”项 支持回调(在三级分类加载完成后触发回调事件) 支持一个页面多个级联菜单

#使用方法 <script>

$(function () { var c1 = new WJH_Three_Category_Select(); c1.Category1ID = "select1"; c1.Category2ID = "select2"; c1.Category3ID = "select3"; c1.DataURL = "/Demo/GetThreeCategorysData";//数据格式:[{"Value":310100,"Display":"市辖区"},{"Value":310200,"Display":"县"}] c1.Init("DIV1", 0, 0, 0, true, function () { }); $(".wjh_category1_span").text("省:"); $(".wjh_category2_span").text("市:"); $(".wjh_category3_span").text("县:"); var c2 = new WJH_Three_Category_Select(); c2.Category1ID = "select4"; c2.Category2ID = "select5"; c2.Category3ID = "select6"; c2.DataURL = "/Demo/GetThreeCategorysData"; c2.Init("DIV2", 310000, 310100, 310101, false, function () { //三级分类加载完成后执行 alert("loaded"); }); }); </script> <div id="DIV1"></div> <div id="DIV2"></div>

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。