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遍历 table的脚本
Jul 23 Javascript
jQuery实现单击和鼠标感应事件
Feb 01 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
vue中配置mint-ui报css错误问题的解决方法
Oct 11 Javascript
React Native使用fetch实现图片上传的示例代码
Mar 07 Javascript
redux-saga 初识和使用
Mar 10 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
Mar 13 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
vue移动端模态框(可传参)的实现
Nov 20 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
vue实现可拖拽的dialog弹框
May 13 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/03 咖啡文化
深入密码加salt原理的分析
2013/06/06 PHP
php ImageMagick windows下安装教程
2015/01/26 PHP
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
2015/02/12 PHP
php结合ACCESS的跨库查询功能
2015/06/12 PHP
PHP错误机制知识汇总
2016/03/24 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
PHP 数组遍历foreach语法结构及实例
2016/06/13 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
详细讲解JavaScript中的this绑定
2016/10/10 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
React-Native做一个文本输入框组件的实现代码
2017/08/10 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
webpack4 处理CSS的方法示例
2018/09/03 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
2019/01/18 jQuery
JS监听组合按键思路及实现过程
2020/04/17 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
简单介绍Python中的JSON使用
2015/04/28 Python
理解Python垃圾回收机制
2016/02/12 Python
Django中信号signals的简单使用方法
2019/07/04 Python
pytorch使用指定GPU训练的实例
2019/08/19 Python
基于python实现微信好友数据分析(简单)
2020/02/16 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
深入理解Python 多线程
2020/06/16 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
一些Solaris面试题
2015/12/22 面试题
机关单位人员学雷锋心得体会
2014/03/10 职场文书
村容村貌整治方案
2014/05/21 职场文书
教师师德师风个人整改方案
2014/09/18 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
浅谈Python数学建模之固定费用问题
2021/06/23 Python