combox改进版页面原型参考dojo的，比网上jQuery的那些combox功能强，代码更小_javascript技巧

简介
对于combox功能实现的最小化js代码，页面原型参考dojo的combox模样，支持键盘动作以及自动筛选,高亮等

API
初始化方法
编码方式
var c=new combox(document.getElementById('a'));
或者
var c=new combox(document.getElementById('a'),{ debug:true });
Css申明方式


只要class中包含了combox即可，class中同时包含其他样式也可以。如


亦可

配置参数说明
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 })
或者

亦可

项目的google code地址

http://code.google.com/p/enhancehtml/

效果

演示地址http://demo.jb51.net/js/combox/demo.htm
下载地址http://jb51.net/jiaoben/25840.html

• < 上一篇

  jQuery打造动态下滑菜单实现说明_jquery

• 下一篇 >

  javascriptJSON操作入门实例_json

人气教程排行

• 213次 1 vue2 设置router-view默认路径的实例
• 213次 2 Vue-路由导航菜单栏的高亮设置方法
• 213次 3 基于Axios 常用的请求方法别名(详解)
• 213次 4 JavaScript+canvas实现七色板效果实例
• 212次 5 实现vuex的初始化方法
• 212次 6 jQuery：当鼠标快速移动时无法触发mouseleave事件的问题解决
• 212次 7 Array.slice()与Array.splice()的返回值类型_基础知识
• 212次 8 微信小程序使用swiper组件实现层叠轮播图
• 212次 9 element-ui 限制日期选择的方法(datepicker)
• 212次 10 vue-baidu-map 进入页面自动定位的解决方案(推荐)
• 212次 11 JS实现元素上下左右移动效果
• 212次 12 node.js中的emitter.on方法使用说明
• 211次 13 在js中如何实现图片左右滑动
• 211次 14 layui button 按钮弹出提示窗口,确定才进行的方法
• 211次 15 深入理解Vue生命周期、手动挂载及挂载子组件
• 211次 16 JS 使用for循环遍历子节点查找元素
• 210次 17 bootstrap如何设置表单必填
• 210次 18 bootstrap4兼容哪些浏览器
• 210次 19 jQuery实现追加数组并去重功能
• 210次 20 jQuery实现的在线答题功能_jquery

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！

登录

  记住我的登录 忘记密码？

登录