jquery.combobox中文api和例子,修复了上面的小bug

 更新时间:2011年03月28日 21:51:49   作者:  
关于jquery.combobox,这个jquery的插件从官网上直接下载下来使用还有bug,以下是我对其api做的简单翻译,而且修复了上面的bug。
修复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>

相关文章

  • jQuery+css实现的换页标签栏效果

    jQuery+css实现的换页标签栏效果

    这篇文章主要介绍了jQuery+css实现的换页标签栏效果,涉及jQuery动态操作页面元素构造换页标签的相关技巧,需要的朋友可以参考下
    2016-01-01
  • Jquery 动态生成表格示例代码

    Jquery 动态生成表格示例代码

    在某些特殊的情况下是需要动态生成表格的,下面为大家详细介绍下使用jquery是如何做到的,感兴趣的朋友不要错过
    2013-12-12
  • 基于jQuery实现模拟页面加载进度条

    基于jQuery实现模拟页面加载进度条

    进度条的出现在于无法通过任何方法获取整个页面的大小和当前加载了多少,所以只能用进度条来模拟,接下来为大家介绍下实现方法,感兴趣的朋友可以参考下哈
    2013-04-04
  • jquery移动端TAB触屏切换实现效果

    jquery移动端TAB触屏切换实现效果

    这篇文章主要介绍了jquery移动端TAB触屏切换实现效果案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • jQuery实现小火箭返回顶部特效

    jQuery实现小火箭返回顶部特效

    这篇文章主要为大家详细介绍了jQuery实现小火箭返回顶部特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • jQuery bind事件使用详解

    jQuery bind事件使用详解

    很久没有写东西了,今天在工作中碰见问题才发现。以后得多逼自己多抽时间来写写自己的东西,也顺便和大家分享一下自己在工作中碰见的问题。
    2011-05-05
  • jQuery function的正确书写方法

    jQuery function的正确书写方法

    jQuery function想必大家都不会陌生,web前端开发人员经常会接触到,下面为大家介绍下它的正确书写方法,感兴趣的朋友可以参考下
    2013-08-08
  • jquery键盘事件使用介绍

    jquery键盘事件使用介绍

    jquery键盘事件使用介绍,需要的朋友可以参考下。
    2011-11-11
  • JQuery实现动态操作表格

    JQuery实现动态操作表格

    本文主要分享了jQuery实现对一个表格动态的添加行,删除行,并且对表格中内容进行非空验证的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • jQuery实现6位数字密码输入框

    jQuery实现6位数字密码输入框

    本文主要对jQuery实现6位数字密码输入框的大概思路、实现代码进行详细介绍,具有一定的参考价值,需要的朋友一起来看下吧
    2016-12-12

最新评论