共享下改进后的combox,页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小...

本文介绍了一个基于JavaScript的Combox组件实现方法,支持键盘操作、自动筛选及高亮等功能。提供了详细的配置参数说明,并展示了如何通过简单的class声明来启用Combox功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

简介

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

API

初始化方法

编码方式


 

  
 


  
 


  
 


  
 


  
 

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为双击

举例:


 

  
 


  
 


  
 


  
 


  
 

或者

<select class="combox" allowAnyValue="true" pleasSelect="请选择" debug="true">

亦可

 

 项目的google code地址

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

 

效果 

 

 

 

转载于:https://www.cnblogs.com/xueduanyang/archive/2010/04/14/1711875.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值