jquery

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > jquery > combobox

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

作者:

关于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>
您可能感兴趣的文章:
阅读全文