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 相关文章推荐
关于jQuery参考实例 1.0 jQuery的哲学
Apr 07 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
Mar 05 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
详解Bootstrap的iCheck插件checkbox和radio
Aug 24 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
Nov 30 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
Node.js Event Loop各阶段讲解
Mar 08 Javascript
如何在postman中添加cookie信息步骤解析
Jun 30 Javascript
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 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
超级简单的发送邮件程序
2006/10/09 PHP
PHP实现的随机IP函数【国内IP段】
2016/07/20 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
JS小框架 fly javascript framework
2009/11/26 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
node基于async/await对mysql进行封装
2019/06/20 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
原生JS实现留言板功能
2020/02/08 Javascript
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
python 缺失值处理的方法(Imputation)
2019/07/02 Python
解析python的局部变量和全局变量
2019/08/15 Python
python scatter函数用法实例详解
2020/02/11 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
Tensorflow中的dropout的使用方法
2020/03/13 Python
python中def是做什么的
2020/06/10 Python
完美解决TensorFlow和Keras大数据量内存溢出的问题
2020/07/03 Python
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
银行贷款承诺书
2014/03/29 职场文书
竞选劳动委员演讲稿
2014/04/28 职场文书
户外活动总结范文
2014/04/30 职场文书
赔偿协议书范本
2014/09/12 职场文书
后备干部推荐材料
2014/12/24 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
教学督导岗位职责
2015/04/10 职场文书
小学数学教学随笔
2015/08/14 职场文书
python基础之错误和异常处理
2021/10/24 Python