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 Select操作方法集合脚本之家特别版
May 17 Javascript
jquery.validate使用攻略 第二部
Jul 01 Javascript
select标签模拟/美化方法采用JS外挂式插件
Apr 01 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 Javascript
一个简单的动态加载js和css的jquery代码
Sep 01 Javascript
node.js中的path.resolve方法使用说明
Dec 08 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
jQuery简单实现title提示效果示例
Aug 01 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
详解webpack4多入口、多页面项目构建案例
May 25 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
Feb 28 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
Cakephp 执行主要流程
2010/03/24 PHP
php使用多个进程同时控制文件读写示例
2014/02/28 PHP
开源php中文分词系统SCWS安装和使用实例
2014/04/11 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
js兼容标准的表格变色效果
2008/06/28 Javascript
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
jquery封装的对话框简单实现
2013/07/21 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
javascript检查浏览器是否已经启用XX功能
2015/07/10 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
AngularJS 入门教程之HTML DOM实例详解
2016/07/28 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
2016/12/01 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
Nodejs之TCP服务端与客户端聊天程序详解
2017/07/07 NodeJs
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
微信小程序中使用ECharts 异步加载数据的方法
2018/06/27 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
通过封装scroll.js 获取滚动条的值
2018/07/13 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
Vue实现简易翻页效果源码分享
2018/11/08 Javascript
Django中使用group_by的方法
2015/05/26 Python
Python 专题四 文件基础知识
2017/03/20 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
Django Channels 实现点对点实时聊天和消息推送功能
2019/07/17 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
Python使用贪婪算法解决问题
2019/10/22 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
python读取与处理netcdf数据方式
2020/02/14 Python
Python3标准库之threading进程中管理并发操作方法
2020/03/30 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
感恩母亲节活动方案
2014/03/04 职场文书
先进基层党组织事迹材料
2014/12/25 职场文书
英语教师求职信范文
2015/03/20 职场文书