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 相关文章推荐
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
Dec 02 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
JQuery动态创建DOM、表单元素的实现代码
Aug 09 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
js 针对html DOM元素操作等经验累积
Mar 11 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
Aug 07 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
js省市县三级联动效果实例
Apr 15 Javascript
js实现下拉菜单效果
Mar 01 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
如何用JavaScipt测网速
May 09 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(1) php开发环境配置
2010/02/15 PHP
php ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)
2016/05/12 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
laravel 解决强制跳转 https的问题
2019/10/22 PHP
安装PHP扩展时解压官方 tgz 文件后没有configure文件无法进行配置编译的问题
2020/08/26 PHP
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
Jquery.Form 异步提交表单的简单实例
2014/03/03 Javascript
javascript比较两个日期的先后示例代码
2014/12/31 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
2016/04/17 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
微信小程序嵌入腾讯视频源过程详解
2019/08/08 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
[45:56]Ti4正赛第一天 VG vs NEWBEE 3
2014/07/19 DOTA
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python学习资料
2007/02/08 Python
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
numpy数组拼接简单示例
2017/12/15 Python
Python利用PyExecJS库执行JS函数的案例分析
2019/12/18 Python
python+adb+monkey实现Rom稳定性测试详解
2020/04/23 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
python opencv肤色检测的实现示例
2020/12/21 Python
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
荷兰天然和有机产品网上商城:BigGreenSmile.nl
2020/07/26 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
下面这个程序执行后会有什么错误或者效果
2014/11/03 面试题
介绍一下SOA和SOA的基本特征
2016/02/24 面试题
《西门豹》教学反思
2016/02/23 职场文书
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android
Golang Elasticsearches 批量修改查询及发送MQ
2022/04/19 Golang