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中“+”的陷阱深刻理解
Dec 04 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 Javascript
jQuery基础知识点总结(DOM操作)
Jun 01 Javascript
Angular.js组件之input mask对input输入进行格式化详解
Jul 10 Javascript
Node.js中流(stream)的使用方法示例
Jul 16 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 jQuery
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
vue mvvm数据响应实现
Nov 11 Javascript
Axios取消重复请求的方法实例详解
Jun 15 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 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实现的生成静态HTML速度快类库
2007/03/31 PHP
php&amp;mysql 日期操作小记
2012/02/27 PHP
PHP获取服务器端信息的方法
2014/11/28 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
js浮点数精确计算(加、减、乘、除)
2013/12/26 Javascript
javascript 动态创建表格的2种方法总结
2015/03/04 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
2016/10/12 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
2017/06/19 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
JavaScript30 一个月纯 JS 挑战中文指南(英文全集)
2017/07/23 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
Python编程中运用闭包时所需要注意的一些地方
2015/05/02 Python
python中引用与复制用法实例分析
2015/06/04 Python
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
pandas ix &amp;iloc &amp;loc的区别
2019/01/10 Python
python使用pymongo操作mongo的完整步骤
2019/04/13 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
pip install 使用国内镜像的方法示例
2020/04/03 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
django 解决model中类写不到数据库中,数据库无此字段的问题
2020/05/20 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
纽约海:Sea New York
2018/11/04 全球购物
ddl,dml和dcl的含义
2016/05/08 面试题
销售经理工作职责
2014/02/03 职场文书
个人培训总结
2015/03/05 职场文书
稽核岗位职责范本
2015/04/13 职场文书
商标侵权律师函
2015/05/27 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
单位病假条范文
2015/08/17 职场文书
高中历史教学反思
2016/02/19 职场文书
浅析JavaScript中的变量提升
2022/06/01 Javascript