jquery.combobox中文api和例子,修复了上面的小bug


Posted in Javascript onMarch 28, 2011

修复bug后的代码:jquery.combobox.js
下面是参数说明:
* comboboxContainerClass
o 设置整个控件的样式名(包在最外边)
* comboboxValueContainerClass
o 设置显示选中文本和drop-down的样式名
* comboboxValueContentClass
o 设置选中文本的显示样式
* comboboxDropDownClass
o 设置下拉选项的样式
* comboboxDropDownButtonClass
o 设置下拉按钮的样式
* comboboxDropDownItemClass
o 设置下拉选项的样式
* comboboxDropDownItemHoverClass
o 鼠标移到选项上时的样式
* comboboxDropDownGroupItemHeaderClass
o 设置optgroup ItemHeader的样式
* comboboxDropDownGroupItemContainerClass
o 设置optgroup 元素的样式
* animationType
o 设置动画效果的样式,如slide,hide(100),默认slide
* width
o 控件宽度
* height
o 控件高度

* onChange

o 当选项变化时触发该事件,接收两个参数,第一个是selecedIndex,第二个是selectedValue

下面是个简单示例:

<script type="text/javascript" language="javascript"> 
$(function () { 
var settings = { 
'width':200, 
'onChange': function (selectedIndex,selectedVale) { 
alert('value: ' + selectedVale); 
} 
}; 
var combobox = $("#combobox-tmpl-test").combobox(settings); 
}); 
</script> 
<select id="combobox-tmpl-test" name="testname" tabindex="3"> 
<option value="1">Kirill</option> 
<option value="2">Yura</option> 
<option value="3">Jhon Smith</option> 
<option value="4">Mila</option> 
</select>
Javascript 相关文章推荐
JQuery 文本框使用小结
May 22 Javascript
document.getElementById介绍
Sep 13 Javascript
js正则表达式的使用详解
Jul 09 Javascript
jquery实现弹出层效果实例
May 19 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
Apr 03 Javascript
AngularJS实现与Java Web服务器交互操作示例【附demo源码下载】
Nov 02 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
Jul 05 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
JavaScript实现简单动态进度条效果
Apr 06 Javascript
vue.js 实现点击展开收起动画效果
Jul 07 Javascript
使用ThinkJs搭建微信中控服务的实现方法
Aug 08 Javascript
原生JS封装vue Tab切换效果
Apr 28 Vue.js
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 #Javascript
基于jQuery的可用于选项卡及幻灯的切换插件
Mar 28 #Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 #Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 #Javascript
基于jquery的获取浏览器窗口大小的代码
Mar 28 #Javascript
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
Mar 25 #Javascript
写了10年的Javascript也未必全了解的连续赋值运算
Mar 25 #Javascript
You might like
东方红 - 来复式再生机的修复
2021/03/02 无线电
PHP扩展编写点滴 技巧收集
2010/03/09 PHP
PHP数组访问常用方法解析
2020/09/05 PHP
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
js Event对象的5种坐标
2011/09/12 Javascript
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
2014/06/16 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
js简单工厂模式用法实例
2015/06/30 Javascript
jQuery.each使用详解
2015/07/07 Javascript
浅谈javascript中的数据类型转换
2016/12/27 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
2017/03/23 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
JS highcharts实现动态曲线代码示例
2020/10/16 Javascript
[00:48]DOTA2国际邀请赛公开赛报名开始 扫码开启逐梦之旅
2018/06/06 DOTA
学习python 之编写简单乘法运算题
2016/02/27 Python
Django内容增加富文本功能的实例
2017/10/17 Python
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
python3+PyQt5实现支持多线程的页面索引器应用程序
2018/04/20 Python
python list是否包含另一个list所有元素的实例
2018/05/04 Python
python topk()函数求最大和最小值实例
2020/04/02 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
世界领先的在线地板和建筑材料批发商:BuildDirect
2017/02/26 全球购物
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
万户网络JAVA程序员岗位招聘笔试试卷
2013/01/08 面试题
财务管理职业生涯规划范文
2013/12/27 职场文书
酒店保安领班职务说明书
2014/03/04 职场文书
学校运动会报道稿
2014/09/23 职场文书
汽车销售合同文本
2019/08/08 职场文书