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 相关文章推荐
我也种棵OO树JXTree[js+css+xml]
Apr 02 Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
JSON 数字排序多字段排序介绍
Sep 18 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
js中直接声明一个对象的方法
Aug 10 Javascript
Node.js中的模块机制学习笔记
Nov 04 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
使用vue.js编写蓝色拼图小游戏
Mar 17 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
vue元素实现动画过渡效果
Jul 01 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
JS回调函数 callback的理解与使用案例分析
Sep 09 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数据库调用类调用实例(详细注释)
2012/07/12 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
原创javascript小游戏实现代码
2010/08/19 Javascript
最佳JS代码编写的14条技巧
2011/01/09 Javascript
原生Javascript封装的一个AJAX函数分享
2014/10/11 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
原生js配合cookie制作保存路径的拖拽
2015/12/29 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
Node.js的Koa框架上手及MySQL操作指南
2016/06/13 Javascript
微信小程序 animation API详解及实例代码
2016/10/08 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
AngularJS路由删除#符号解决的办法
2017/09/28 Javascript
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
vue设置默认首页的操作
2020/08/12 Javascript
vue实现购物车的小练习
2020/12/21 Vue.js
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
Python备份Mysql脚本
2008/08/11 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
Python中static相关知识小结
2018/01/02 Python
Python cookbook(数据结构与算法)同时对数据做转换和换算处理操作示例
2018/03/23 Python
python微信聊天机器人改进版(定时或触发抓取天气预报、励志语录等,向好友推送)
2019/04/25 Python
使用PyQt4 设置TextEdit背景的方法
2019/06/14 Python
学习和使用python的13个理由
2019/07/30 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
Python3爬虫中识别图形验证码的实例讲解
2020/07/30 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
十岁生日家长答谢词
2014/01/17 职场文书
介绍信样本
2015/01/31 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书