jquery多级联动通用插件，适用于各种多级联动场景

/** * JQ多级联动通用插件 * 初始化 $.linkAgeInit(options); * @param options * @version 1.0 * @email [email protected] * * id，插件内部唯一Id * zIndex，层级，默认899 * shade，遮罩，默认0.2。支持true，false，0~1 * fadeTime，淡入淡出时间（毫秒） * dataModel，插件数据来源模式：http 通过url插件自动请求获取数据源，data 通过 “dataSource” 注入数据源 * dataHttpUri，当 dataModel = http时，代表请求数据源的URL地址（使用GET请求方式） * dataHttpPidKeyName，当 dataModel = http时，请求 dataHttpUri 时携带当前选项Id的键值名称，默认 pid * dataHttpParams，当 dataModel = http时，需另外携带的请求参数 * dataHttpResultHandle，当 dataModel = http时，请求数据成功后，将调用该方法进行数据二次处理，然后返回给插件使用 * dataIndex， 联动数据层级，范围2~5，默认2 * dataName，联动显示名称，默认：['一级' , '二级' , '三级'] * dataSource，当 dataModel = data时，为数据源 * dataOnePid，当 dataModel = data时，一级数据源Id，默认0 * dataIdKey，数据源Id键值名，默认id * selectedValues，默认选中项，形式：[{id:442001001,name:'测试项1',route:id路径}]，route可选 * maxChecked，最大支持选中项数量，默认5 * boxClickShow，选择后显示下一级列表，默认true。支持true，false * showHtml，Box主体模板 * showListHtml，下拉框主体Box html * showSelectHtml，下拉选择行 html，模板可自定义。内置变量：{id}，{name}，{route} * showCheckHtml，单项选择 html，模板可自定义。内置变量：{id}，{name}，{route}，{_on_}（高亮class） * showCheckedHtml，已选择项 html，模板可自定义。内置变量：{id}，{name}，{route} * showShadeHtml，遮罩 html * closeCallBack，关闭按钮回调方法，传入已选中的项 * confirmCallBack，确认按钮回调方法，传入已选中的项 * msgCallBack，提示信息处理方法，传入提示消息 * @returns {*} */初始化三级联动 var thisThr1 = $.linkAgeInit({ shade:0.4, dataIndex:3, dataModel:'data', dataSource:app_area_data, showSelectHtml:'

在线演示        积分下载        6毛下载        砍两刀下载