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 相关文章推荐
js下写一个事件队列操作函数
Jul 19 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
jquery控制select的text/value值为选中状态
Jun 03 Javascript
JS实现一个列表中包含上移下移删除等功能
Sep 24 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
js密码强度检测
Jan 07 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
Jan 13 Javascript
JavaScript实现自动跳转文本功能
May 25 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
vue环形进度条组件实例应用
Oct 10 Javascript
js实现拖动缓动效果
Jan 13 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
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
PHP打印输出函数汇总
2016/08/28 PHP
cakephp常见知识点汇总
2017/02/24 PHP
Aster vs Newbee BO3 第三场2.18
2021/03/10 DOTA
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
jQuery代码优化之基本事件
2011/11/01 Javascript
JS获取随机数函数可自定义最小值最大值
2014/05/08 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
js实现的简单图片浮动效果完整实例
2016/05/10 Javascript
angularjs指令之绑定策略(@、=、&amp;)
2017/04/13 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
js实现简易ATM功能
2020/10/27 Javascript
[46:23]完美世界DOTA2联赛PWL S2 FTD vs Magma 第一场 11.20
2020/11/23 DOTA
Python使用遗传算法解决最大流问题
2018/01/29 Python
django实现模板中的字符串文字和自动转义
2020/03/31 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
Python利用Faiss库实现ANN近邻搜索的方法详解
2020/08/03 Python
十佳班主任事迹材料
2014/01/18 职场文书
2014中考励志标语
2014/06/05 职场文书
小组口号大全
2014/06/09 职场文书
承诺书范本
2015/01/21 职场文书
2015年公司工作总结
2015/04/25 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
社区宣传标语口号
2015/12/26 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
竞聘演讲报告:基本写作有哪些?附开头范文
2019/10/16 职场文书
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby
Django框架中视图的用法
2022/06/10 Python