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 相关文章推荐
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
一些javascript一些题目的解析
Dec 25 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
JS实现向表格行添加新单元格的方法
Mar 30 Javascript
JavaScript实现将文本框的值插入指定位置的方法
Aug 13 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
第四章之BootStrap表单与图片
Apr 25 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
微信小程序项目实践之主页tab选项实现
Jul 18 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 Javascript
laypage+SpringMVC实现后端分页
Jul 27 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多任务程序实例解析
2014/07/19 PHP
php时间计算相关问题小结
2016/05/09 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
Yii2创建表单(ActiveForm)方法详解
2016/07/23 PHP
Js 时间间隔计算的函数(间隔天数)
2011/11/15 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
2013/10/09 Javascript
ie9 提示'console' 未定义问题的解决方法
2014/03/20 Javascript
javascript闭包入门示例
2014/04/30 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
JS组件Bootstrap Table使用方法详解
2016/02/02 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
JS获取鼠标选中的文字
2016/08/10 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
Python网络爬虫项目:内容提取器的定义
2016/10/25 Python
python如何定义带参数的装饰器
2018/03/20 Python
TensorFlow卷积神经网络之使用训练好的模型识别猫狗图片
2019/03/14 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
python如何基于redis实现ip代理池
2020/01/17 Python
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
2020/03/06 Python
python requests.get带header
2020/05/05 Python
html5使用canvas实现跟随光标跳动的火焰效果
2014/01/07 HTML / CSS
中学生班主任评语
2014/01/30 职场文书
优秀教师事迹简介
2014/02/02 职场文书
大学生怎样写好自荐信
2014/02/25 职场文书
实习单位鉴定评语
2014/04/26 职场文书
财务部副经理岗位职责范本
2014/06/17 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
导游词之西安大清真寺
2019/12/17 职场文书