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 相关文章推荐
jquery1.4后 jqDrag 拖动 不可用
Feb 06 Javascript
Javascript延迟执行实现方法(setTimeout)
Dec 30 Javascript
jQuery中has()方法用法实例
Jan 06 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
vue中appear的用法
Aug 17 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
详解如何使用webpack打包JS
Jun 21 Javascript
node.js实现为PDF添加水印的示例代码
Dec 05 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
Jan 31 Javascript
了解JavaScript表单操作和表单域
May 27 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
Apr 15 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数组的概述及分类与声明代码演示
2013/02/26 PHP
ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整
2014/11/05 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
JavaScript全局函数使用简单说明
2011/03/11 Javascript
JQuery操作单选按钮以及复选按钮示例
2013/09/23 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
2013/11/23 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
不要使用jQuery触发原生事件的方法
2014/03/03 Javascript
JavaScript制作简易计算器(不用eval)
2017/02/05 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
原生js拖拽功能制作滑动条实例代码
2021/02/05 Javascript
python字典序问题实例
2014/09/26 Python
Python求解平方根的方法
2015/03/11 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
Python对切片命名的实现方法
2018/10/16 Python
python3多线程知识点总结
2019/09/26 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
迟到检讨书5000字
2014/01/31 职场文书
工地质量标语
2014/06/12 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
大学生团员个人总结
2015/02/14 职场文书
七年级上册生物的课件
2019/08/07 职场文书
使用pytorch实现线性回归
2021/04/11 Python
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
vue3引入highlight.js进行代码高亮的方法实例
2022/04/08 Vue.js