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 相关文章推荐
FormValid0.5版本发布,带ajax自定义验证例子
Aug 17 Javascript
Knockout text绑定DOM的使用方法
Nov 15 Javascript
js/jquery获取文本框输入焦点的方法
Mar 04 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
javascript常用代码段搜集
Dec 04 Javascript
jQuery实现固定在网页顶部的菜单效果代码
Sep 02 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
微信小程序 教程之数据绑定
Oct 18 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
JavaScript Canvas编写炫彩的网页时钟
Oct 16 Javascript
微前端qiankun改造日渐庞大的项目教程
Jun 21 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 上传功能实例代码
2010/04/13 PHP
探讨如何在PHP开启gzip页面压缩实例
2013/06/09 PHP
php去除二维数组的重复项方法
2015/11/03 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
PHP7下协程的实现方法详解
2017/12/17 PHP
利用PHP扩展Xhprof分析项目性能实践教程
2018/09/05 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
javascript高亮效果的二种实现方法
2008/09/14 Javascript
页面中iframe相互传值传参
2009/12/13 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
2016/08/02 Javascript
JavaScript 函数模式详解及示例
2016/09/07 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
layui中使用jquery控制radio选中事件的示例代码
2018/08/15 jQuery
对angular 实时更新模板视图的方法$apply详解
2018/10/09 Javascript
微信头像地址失效踩坑记附带解决方案
2019/09/23 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
python fabric实现远程操作和部署示例
2014/03/25 Python
Python中条件判断语句的简单使用方法
2015/08/21 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
python实现简易学生信息管理系统
2020/04/05 Python
Python 简单计算要求形状面积的实例
2020/01/18 Python
安装多个版本的TensorFlow的方法步骤
2020/04/21 Python
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
欧洲最大的滑雪假期供应商之一:Sunweb Holidays
2018/01/06 全球购物
日本著名化妆品零售网站:Cosme Land
2019/03/01 全球购物
服装创业计划书范文
2014/02/05 职场文书
退休党员个人对照检查材料思想汇报
2014/09/29 职场文书
公司授权委托书格式样本
2014/10/01 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python