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