教程网3月27日整理
这是一个我自己做的jQuery无限级下拉菜单的插件,先在放上来大家共享,同时谢谢留下宝贵意见。
已知不足:在横向空间不足时,没有增加菜单弹出方向智能判断
插件说明:
1、组件依附于jQuery 1.3.x版本
2、下拉菜单完全由ul,li,span系列元素模拟而成,完美兼容IE6~8,FF,Chrome,Opera
3、列表内数据通过Json数组进行赋值,样式如下:
代码:
var colObj = {"Items":[
{"name":"菜单项目标题","topid":"0","colid":"1","value":"菜单项目标题1","fun":function(){}},
...
]}
参数说明:
其中topid为菜单上级菜单id,0为顶级
colid为菜单id,0为顶级
value为最终post时传送的结果(以hidden形式的input进行传递,input的name就是所依附dom的id值)
fun为回调函数
4、最后进行实例:
代码:
$("#divid").mlnColsel(colObj,{
title:"栏目下拉菜单", //默认状态下select选中项的名称
value:"-1", //默认状态下select选中项的值
width:100 //此值暂时无效
});
5、表单提交后,后台以普通resquest方式接收即可(asp为例)
代码: dim selects=request.form("divid")
使用过程用有任何疑问可以到