在上次文章中二级联动菜单,简单实现写过一个插件,但是只支持二级联动,现在稍稍完善下支持二 、三级联动
/**
* jQuery Linkage Menu
*
* Copyright 2014, sunyingyuan
* QQ: 1586383022
* Email: yingyuansun@163.com
*
* 二级/三级 联动菜单
* 支持二级或三级联动,支持页面静态json和AJAX动态从后台获取值
*
* 简单使用方法介绍:
* HTML代码:
* <select id="selectOne">
* <option>一级菜单默认显示名称</option>
* </select>
* <select id="selectTwo">
* <option>二级菜单默认显示名称</option>
* </select>
* 如果有三级菜单,同上
*
* JS代码:
* 引入jQuery和jquery.linkageMenu.js后
* 其中jquery.linkageMenu.js必须在jQuery之后引入
*
* $(function(){
* $.linkageMenu({
* 'selectOneId': 'selectOne', //一级菜单Id
'selectTwoId': 'selectTwo', //二级菜单Id
'selectThreeId': '', //三级菜单Id
'selectOneVal': '', //一级菜单option值
'selectTwoVal': '', //二级菜单option值
'selectThreeVal': '', //三级菜单option值
'selectOneParam': 'selectOneValue', //向后台获取二级菜单的值时,一级菜单的参数名称,默认是selectOneValue
'selectTwoParam': 'selectTwoValue', //向后台获取三级菜单的值时,二级菜单的参数名称,默认是selectTwoValue