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 相关文章推荐
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
基于JavaScript 类的使用详解
May 07 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
js使用递归解析xml
Dec 12 Javascript
canvas红包照片实例分享
Feb 28 Javascript
利用JS做网页特效_大图轮播(实例讲解)
Aug 09 Javascript
详解动画插件wow.js的使用方法
Sep 13 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
Mar 06 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
May 05 Javascript
微信小程序云开发之模拟后台增删改查
May 16 Javascript
关于vue组件事件属性穿透详解
Oct 28 Javascript
vue数据字典取键值项目的字典问题
Apr 12 Vue.js
关于文本框的一些限制控制总结~~
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
改造一台复古桌面收音机
2021/03/02 无线电
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
ThinkPHP 表单自动验证运用示例
2014/10/13 PHP
php基于str_pad实现卡号不足位数自动补0的方法
2014/11/12 PHP
PHP+JavaScript实现无刷新上传图片
2017/02/21 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
XmlUtils JS操作XML工具类
2009/10/01 Javascript
ie与ff下的event事件使用介绍
2013/11/25 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
jQuery实现的图片分组切换焦点图插件
2015/01/06 Javascript
jquery比较简洁的软键盘特效实现方法
2015/03/19 Javascript
用户代理字符串userAgent可实现的四个识别
2015/09/20 Javascript
Java Mybatis框架入门基础教程
2015/09/21 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
JavaScript必知必会(二) null 和undefined
2016/06/08 Javascript
js实现漫天星星效果
2017/01/19 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
通过数据库向Django模型添加字段的示例
2015/07/21 Python
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
tensorflow实现简单的卷积网络
2018/05/24 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
浅析Python3中的对象垃圾收集机制
2019/06/06 Python
Python的PIL库中getpixel方法的使用
2020/04/09 Python
python3.4中清屏的处理方法
2020/07/06 Python
分享一个python的aes加密代码
2020/12/22 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
庆元旦文艺演出主持词
2014/03/27 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
纪念九一八事变演讲稿:忘记意味着背叛
2014/09/14 职场文书
档案接收函格式
2015/01/30 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书