DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery.combobox中文api和例子,修復了上面的小bug
jquery.combobox中文api和例子,修復了上面的小bug
編輯:JQuery特效代碼     
修復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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved