在应用Ajax时,经常会使用到联接查询,可系统下拉框只能显示一列,而且刷新时屏幕一闪一闪地,很影响用户体验。
为了解决这两个问题,我写了个jQuery插件-自定义下拉框,命名为diySelect。
功能与优势:
- 可以显示多列数据,而且这个列数可以改变;
- 支持自定义事件,支持联级查询;
- JS封装完整,不会与其它JS变量冲突;
- 同一页面可出现N次,且互不影响;
- 界面优美,CSS样式也可以改变;
- 下拉框内选项增加、删除、选定、取值、取文本都非常方便;
- 支持IE6、IE7、FF等,因为是在jQuery的基础上实现的;
- 其他的有待您的发现……
我把这个控件用在我的网站后台,下面放几个截图上来。
原创文章如转载,请注明转载自若平博客
文章标题:jQuery插件-自定义下拉框
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
roolerjour
Post:2011-6-11 17:11:05
$(".diySelect").hide();//slideUp();
我把slide地方换成show或hide,这样就好多了。
roolerjour
Post:2011-6-11 16:50:15
target.click(function(){
$(".diySelect").slideUp(); //增加这句
kaver123
Post:2009-8-12 12:38:53