combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小


Posted in Javascript onApril 15, 2010

简介
对于combox功能实现的最小化js代码,页面原型参考dojo的combox模样,支持键盘动作以及自动筛选,高亮等

API
初始化方法
编码方式
var c=new combox(document.getElementById('a'));
或者
var c=new combox(document.getElementById('a'),{ debug:true });
Css申明方式

<select class="combox" debug="true">
只要class中包含了combox即可,class中同时包含其他样式也可以。如

<select class="abc combox def">
亦可

配置参数说明
combox支持配置参数如下

debug: true/false,是否显示原始的select元素可见
searchMode: 0为模糊不区分大小写,1为前缀搜索不区分大小写
remoteSourceUrl:远程数据源url,支持json格式为下
[
{"text":"a","value":"b"}, {"text":"a1","value":"b1"}
]
remoteFilterUrl:筛选时候读取的远程url,参数为xxxx?asdasd=~!value!~,~!value!~为宏,在触发时会被替换为当前输入框的值
allowAnyValue:默认为false,不允许combox输入非options内的数据
displayValue:combox的显示值,当displayValue在combox的options里面能够找到与之对应的value时候,它显示该option的text,否则他显示displayValue
pleaseSelect:当combox的txtBox值为pleaseSelect的文本时,下拉时展开所有options
mouseDblClick:0为单击,1为双击
举例:

var c=new combox(document.getElementById('a'),{
allowAnyValue:true,
pleasSelect:'请选择',
debug:true })
或者
<select class="combox" allowAnyValue="true" pleasSelect="请选择" debug="true">
亦可

项目的google code地址

http://code.google.com/p/enhancehtml/

效果
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
演示地址http://demo.3water.com/js/combox/demo.htm
下载地址http://3water.com/jiaoben/25840.html

Javascript 相关文章推荐
Javascript客户端脚本的设计和应用
Aug 21 Javascript
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
javascript 自动转到命名锚记
Jan 10 Javascript
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
Apr 23 Javascript
禁止空格提交表单的js代码
Nov 17 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
innerText 使用示例
Jan 23 Javascript
js Object2String方便查看js对象内容
Nov 24 Javascript
vue-router beforeEach跳转路由验证用户登录状态
Dec 26 Javascript
JS实现判断移动端PC端功能
Feb 21 Javascript
关于文本框的一些限制控制总结~~
Apr 15 #Javascript
JS input文本框禁用右键和复制粘贴功能的代码
Apr 15 #Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 #Javascript
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 #Javascript
JS下高效拼装字符串的几种方法比较与测试代码
Apr 15 #Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
Apr 14 #Javascript
JavaScript 保存数组到Cookie的代码
Apr 14 #Javascript
You might like
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
2015/02/12 PHP
jQuery 使用个人心得
2009/02/26 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
2014/05/04 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
纯JavaScript代码实现移动设备绘图解锁
2015/10/16 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
解决在layer.open中使用时间控件laydate失败的问题
2019/09/11 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
Python中文编码那些事
2014/06/25 Python
Python中lambda的用法及其与def的区别解析
2014/07/28 Python
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
python批量复制图片到另一个文件夹
2018/09/17 Python
python os模块简单应用示例
2019/05/23 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
如何卸载python插件
2020/07/08 Python
python中if嵌套命令实例讲解
2021/02/25 Python
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
如何做好总经理助理
2013/11/12 职场文书
物业管理计划书
2014/01/10 职场文书
个人担保书格式范文
2014/05/12 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
安全保证书格式
2015/02/28 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
2016年学校安全教育月活动总结
2016/04/06 职场文书
导游词之广西漓江
2019/11/02 职场文书
上帝为你开了一扇窗之Tkinter常用函数详解
2021/06/02 Python
Matplotlib绘制条形图的方法你知道吗
2022/03/21 Python