【Jquery 插件】一个小巧的jquery 三级联动多选插件
2011-10-12 10:26
302 查看
今天做了一个小巧的jquery 三级联动多选插件,时间仓促,没有做太多的优化和更多的通用性设计。
希望以此来接受园子里朋友的指正,完善这个插件。
先上图:
用法:
1.在页面添加元素:
<ul id="selected"></ul>
<div id="selecter"></div>
当然也可以自定义
2.引用脚本库和css
<link href="jquery.selecter.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery.selecter.js"></script>
3.使用jquery.selecter的默认方法:
$('#selecter').selecter();
4.高级用法:
$('#selecter').selecter({ handler: "/handler/handler.ashx", data: "action=getSiteCategory&id=",parentId:"0" });
下载地址:
/Files/andylaufzf/jquery.selecter.rar
希望以此来接受园子里朋友的指正,完善这个插件。
先上图:
用法:
1.在页面添加元素:
<ul id="selected"></ul>
<div id="selecter"></div>
当然也可以自定义
2.引用脚本库和css
<link href="jquery.selecter.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery.selecter.js"></script>
3.使用jquery.selecter的默认方法:
$('#selecter').selecter();
4.高级用法:
$('#selecter').selecter({ handler: "/handler/handler.ashx", data: "action=getSiteCategory&id=",parentId:"0" });
下载地址:
/Files/andylaufzf/jquery.selecter.rar
相关文章推荐
- jQuery 之 (三)事件绑定、动画效果、封闭ajax、三级联动、插件
- 用Jquery简单封装一个可重复调用的省市级联动插件
- 中国省市区地址三级联动jQuery插件
- 使用jQuery+HttpHandler+xml模拟一个三级联动的例子
- jquery省市区三级联动插件CitySelect笔记
- 省市区三级联动插件:app-jquery-cityselect.js
- jquery省市区三级联动插件,无ajax
- JS +XML +Jquery 实现三级联动菜单,自己封装的一个对象方便使用
- 开发一个jQuery插件——多级联动菜单
- 使用jQuery+HttpHandler+xml模拟一个三级联动的例子
- 使用jQuery+HttpHandler+xml模拟一个三级联动的例子
- 用jQuery实现省市区三级联动(可做插件)
- Jquery省市区/县三级联动代码,以及引用area.js插件
- 继上一个三级联动的补充--使用jQuery编写各种浏览器兼容简易项目
- jquery实现省市县三级联动的jQuery插件
- jQuery 三级联动下拉插件
- 一个小巧的文章关键词jquery TIPS插件
- select三级联动结合jquery的chosen.jquery.js 插件一起使用原创案例
- 发现一个特别小巧的jquery插件可以在选择的时候显示小图
- jQuery省市区三级联动插件