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 相关文章推荐
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
整理关于Bootstrap表单的慕课笔记
Mar 29 Javascript
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
Mar 06 Javascript
微信小程序实现自定义modal弹窗封装的方法
Jun 15 Javascript
区别JavaScript函数声明与变量声明
Sep 12 Javascript
解决Vue动态加载本地图片问题
Oct 09 Javascript
JavaScript实现滑动门效果
Jan 18 Javascript
Vue实现剪切板图片压缩功能
Feb 04 Javascript
vue实现div单选多选功能
Jul 16 Javascript
js实现简单的点名器随机色实例代码
Sep 20 Javascript
基于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
支持oicq头像的留言簿(一)
2006/10/09 PHP
php模拟js函数unescape的函数代码
2012/10/20 PHP
php实现上传图片生成缩略图示例
2014/04/13 PHP
PHP的openssl加密扩展使用小结(推荐)
2016/07/18 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
PHP ADODB实现事务处理功能示例
2018/05/25 PHP
Yii 访问 Gii(脚手架)时出现 403 错误
2018/06/06 PHP
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍
2012/11/08 Javascript
使用jQuery制作基础的Web图片轮播效果
2016/04/22 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
2016/06/02 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
bootstrap select插件封装成Vue2.0组件
2017/04/17 Javascript
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
使用node-media-server搭建一个简易的流媒体服务器
2021/01/20 Javascript
[01:24:51]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第二场
2014/05/26 DOTA
python基础教程项目二之画幅好画
2018/04/02 Python
详谈python3 numpy-loadtxt的编码问题
2018/04/29 Python
使用numba对Python运算加速的方法
2018/10/15 Python
详解python中的生成器、迭代器、闭包、装饰器
2019/08/22 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
为什么Runtime.exec(“ls”)没有任何输出?
2014/10/03 面试题
机电职业生涯规划书范文
2014/03/08 职场文书
学生自我评语大全
2014/04/18 职场文书
团队会宣传标语
2014/10/09 职场文书
本科毕业答辩开场白
2015/05/27 职场文书
周一给客户的问候语
2015/11/10 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript
分享3个非常实用的 Python 模块
2022/03/03 Python