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 相关文章推荐
javascript hasFocus使用实例
Jun 29 Javascript
javascript中的toFixed固定小数位数 简单实例分享
Jul 12 Javascript
JS获取url链接字符串 location.href
Dec 23 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
May 29 Javascript
纯JavaScript手写图片轮播代码
Oct 20 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
详解Vue使用命令行搭建单页面应用
May 24 Javascript
js canvas实现橡皮擦效果
Dec 20 Javascript
vue+node 实现视频在线播放的实例代码
Oct 19 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 Javascript
ztree+ajax实现文件树下载功能
May 18 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各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
php如何计算两坐标点之间的距离
2018/12/29 PHP
jsTree 基于JQuery的排序节点 Bug
2011/07/26 Javascript
jquery toolbar与网页浮动工具条具体实现代码
2014/01/12 Javascript
jquery 选取方法都有哪些
2014/05/18 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
jQuery模拟黑客帝国矩阵效果实例
2015/06/28 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
2016/08/25 Javascript
AngularJs html compiler详解及示例代码
2016/09/01 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
详解Vue-cli 创建的项目如何跨域请求
2017/05/18 Javascript
SpringMVC简单整合Angular2的示例
2017/07/31 Javascript
详解vue-cli与webpack结合如何处理静态资源
2017/09/19 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
Python找出9个连续的空闲端口
2016/02/01 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
幼儿园保教管理制度
2014/02/03 职场文书
教师个人剖析材料
2014/02/05 职场文书
活动策划求职信模板
2014/04/21 职场文书
见习期个人总结
2015/03/05 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
医院病假条怎么写
2015/08/17 职场文书
小学英语教学反思范文
2016/02/15 职场文书
2016年企业安全生产月活动总结
2016/04/06 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
mysql联合索引的使用规则
2021/06/23 MySQL