修復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>