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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
May 13 Javascript
js判断某个字符出现的次数的简单实例
Jun 03 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
解决webpack无法通过IP地址访问localhost的问题
Feb 22 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
May 08 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
vue2.0结合Element-ui实战案例
Mar 06 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
Apr 24 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
用PHP控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
php实现执行某一操作时弹出确认、取消对话框
2013/12/30 PHP
Paypal实现循环扣款(订阅)功能
2017/03/23 PHP
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
jquery的Theme和Theme Switcher使用小结
2010/09/08 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
javascript中活灵活现的Array对象详解
2016/11/30 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
详解Vue开发微信H5微信分享签名失败问题解决方案
2018/08/09 Javascript
js html实现计算器功能
2018/11/13 Javascript
JavaScript 处理树数据结构的方法示例
2019/06/16 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
javascript实现贪吃蛇小练习
2020/07/05 Javascript
Vue页面渲染中key的应用实例教程
2021/01/12 Vue.js
Python时间模块datetime、time、calendar的使用方法
2016/01/13 Python
不要用强制方法杀掉python线程
2017/02/26 Python
python+opencv识别图片中的圆形
2020/03/25 Python
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
Django 查询数据库并返回页面的例子
2019/08/12 Python
python批量生成身份证号到Excel的两种方法实例
2021/01/14 Python
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
2016/03/21 HTML / CSS
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
吉尔德利巧克力公司:Ghirardelli Chocolate Company
2019/03/27 全球购物
澳大利亚香水在线商店:City Perfume
2020/09/02 全球购物
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
基于Python 函数和方法的区别说明
2021/03/24 Python
七年级英语教学反思
2014/01/15 职场文书
2014党委书记四风问题对照检查材料思想汇报
2014/09/22 职场文书
个人整改措施书面材料
2014/10/24 职场文书
服务整改报告
2014/11/06 职场文书
教师个人自我评价
2015/03/04 职场文书
2015年小学重阳节活动总结
2015/07/29 职场文书
2016年公司“3.12”植树节活动总结
2016/03/16 职场文书
python实现进度条的多种实现
2021/04/29 Python
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript