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