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

215 阅读 0 评论 142 点赞

我是靠谱客的博主温柔小蝴蝶，最近开发中收集的这篇文章主要介绍jquery.combobox中文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> 