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 globalStorage类代码
Jun 04 Javascript
js简单实现Select互换数据的方法
Aug 17 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
bootstrap快速制作后台界面
Dec 05 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
bootstrap table合并行数据并居中对齐效果
Oct 17 Javascript
vue  directive定义全局和局部指令及指令简写
Nov 20 Javascript
使用pm2部署node生产环境的方法步骤
Mar 09 Javascript
jQuery操作事件完整实例分析
Jan 10 jQuery
详解elementUI中input框无法输入的问题
Apr 27 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 Javascript
详解阿里Node.js技术文档之process模块学习指南
Jan 04 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生成唯一的促销/优惠/折扣码(附源码)
2012/12/28 PHP
PHP导出EXCEL快速开发指南--PHPEXCEL的使用详解
2013/06/03 PHP
php gd等比例缩放压缩图片函数
2016/06/12 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
jQuery中filter(),not(),split()使用方法
2010/07/06 Javascript
jquery 列表双向选择器之改进版
2013/08/09 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
js实现五星评价功能
2017/03/08 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
python 发送和接收ActiveMQ消息的实例
2019/01/30 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
python3实现绘制二维点图
2019/12/04 Python
关于Python错误重试方法总结
2021/01/03 Python
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
银行实习生自我鉴定范文
2013/09/19 职场文书
物流管理专业大学生自荐信
2013/10/04 职场文书
大学生家政服务项目创业计划书
2014/01/30 职场文书
项目合作协议书范本
2014/04/16 职场文书
借款担保书范文
2014/05/13 职场文书
音乐学专业求职信
2014/07/22 职场文书
先进党支部事迹材料
2014/12/24 职场文书
中学生学习保证书
2015/02/26 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
企业党建工作总结2015
2015/05/26 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
MongoDB支持的数据类型
2022/04/11 MongoDB
python模板入门教程之flask Jinja
2022/04/11 Python
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技