您的位置:首页 > Web前端 > JQuery

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

2011-03-28 00:00 746 查看
修复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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: