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工具函数代码
Feb 17 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
Sep 17 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
JS区分Object与Aarry的六种方法总结
Feb 27 Javascript
基于模板引擎Jade的应用(详解)
Dec 12 Javascript
如何在vue中使用ts的示例代码
Feb 28 Javascript
webpack实现一个行内样式px转vw的loader示例
Sep 13 Javascript
JS异步错误捕获的一些事小结
Apr 26 Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 Javascript
js实现无限瀑布流实例方法
Sep 16 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 Javascript
在实例中重学JavaScript事件循环
Dec 03 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加密解密的代码
2006/10/09 PHP
php实现excel中rank函数功能的方法
2015/01/20 PHP
php遍历删除整个目录及文件的方法
2015/03/13 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
js 获取Listbox选择的值的代码
2010/04/15 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
Javascript实现可旋转的圆圈实例代码
2015/08/04 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
标准的js无缝滚动效果
2016/08/30 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
Angular2使用vscode断点调试ts文件的方法
2017/12/13 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
python统计文本文件内单词数量的方法
2015/05/30 Python
Python WSGI的深入理解
2018/08/01 Python
Python实现操纵控制windows注册表的方法分析
2019/05/24 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
pytorch torchvision.ImageFolder的用法介绍
2020/02/20 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
S’well Bottle保温杯官网:绝缘不锈钢水瓶
2018/05/09 全球购物
大学生职业生涯规划范文
2014/01/08 职场文书
计算机应届毕业生自荐信范文
2014/02/23 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
纪律教育学习心得体会
2014/09/02 职场文书
西部计划志愿者工作总结
2015/08/11 职场文书
幼儿园迎新生欢迎词
2015/09/30 职场文书
电力培训学习心得体会
2016/01/11 职场文书
css3应用示例:新增的选择器
2022/03/16 HTML / CSS