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获取元素索引值index()示例
Feb 13 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
Mar 05 Javascript
js实现图片点击左右轮播
Jul 08 Javascript
jQuery旋转木马式幻灯片轮播特效
Dec 04 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
php基于redis处理session的方法
Mar 14 Javascript
jQuery 监控键盘一段时间没输入
Apr 22 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
Jan 19 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
Aug 14 Javascript
KOA+egg.js集成kafka消息队列的示例
Nov 09 Javascript
JS实现根据数组对象的某一属性排序操作示例
Jan 14 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 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
索尼SONY ICF-SW7600GR电路分析与改良
2021/03/02 无线电
快速配置PHPMyAdmin方法
2008/06/05 PHP
php 输出双引号&quot;与单引号'的方法
2010/05/09 PHP
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
PHP实现懒加载的方法
2015/03/07 PHP
php模拟post上传图片实现代码
2016/06/24 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
Extjs中常用表单介绍与应用
2010/06/07 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
使用Angular.js实现简单的购物车功能
2016/11/21 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
vue+ESLint 配置保存 自动格式化代码
2020/03/17 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
[02:40]DOTA2殁境神蚀者 英雄基础教程
2013/11/26 DOTA
Python只用40行代码编写的计算器实例
2017/05/10 Python
python让列表倒序输出的实例
2018/06/25 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
python+logging+yaml实现日志分割
2019/07/22 Python
Django实现跨域的2种方法
2019/07/31 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
简单介绍django提供的加密算法
2019/12/18 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
Python虚拟环境库virtualenvwrapper安装及使用
2020/06/17 Python
水上运动奥特莱斯:Wasterports Outlet
2018/08/08 全球购物
俄罗斯电动工具和设备购物网站:Vseinstrumenti.ru
2020/11/12 全球购物
读书心得体会
2013/12/28 职场文书
售房委托书
2014/08/30 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书