jquery.combobox中文api和例子，修復(fù)了上面的小bug
更新時間：2011年03月28日 21:51:49 作者：
關(guān)于jquery.combobox，這個jquery的插件從官網(wǎng)上直接下載下來使用還有bug，以下是我對其api做的簡單翻譯，而且修復(fù)了上面的bug。
修復(fù)bug后的代碼：jquery.combobox.js
下面是參數(shù)說明：
* comboboxContainerClass
o 設(shè)置整個控件的樣式名（包在最外邊）
* comboboxValueContainerClass
o 設(shè)置顯示選中文本和drop-down的樣式名
* comboboxValueContentClass
o 設(shè)置選中文本的顯示樣式
* comboboxDropDownClass
o 設(shè)置下拉選項的樣式
* comboboxDropDownButtonClass
o 設(shè)置下拉按鈕的樣式
* comboboxDropDownItemClass
o 設(shè)置下拉選項的樣式
* comboboxDropDownItemHoverClass
o 鼠標(biāo)移到選項上時的樣式
* comboboxDropDownGroupItemHeaderClass
o 設(shè)置optgroup ItemHeader的樣式
* comboboxDropDownGroupItemContainerClass
o 設(shè)置optgroup 元素的樣式
* animationType
o 設(shè)置動畫效果的樣式，如slide,hide(100),默認slide
* width
o 控件寬度
* height
o 控件高度
* onChange
o 當(dāng)選項變化時觸發(fā)該事件，接收兩個參數(shù)，第一個是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>
下面是參數(shù)說明：
* comboboxContainerClass
o 設(shè)置整個控件的樣式名（包在最外邊）
* comboboxValueContainerClass
o 設(shè)置顯示選中文本和drop-down的樣式名
* comboboxValueContentClass
o 設(shè)置選中文本的顯示樣式
* comboboxDropDownClass
o 設(shè)置下拉選項的樣式
* comboboxDropDownButtonClass
o 設(shè)置下拉按鈕的樣式
* comboboxDropDownItemClass
o 設(shè)置下拉選項的樣式
* comboboxDropDownItemHoverClass
o 鼠標(biāo)移到選項上時的樣式
* comboboxDropDownGroupItemHeaderClass
o 設(shè)置optgroup ItemHeader的樣式
* comboboxDropDownGroupItemContainerClass
o 設(shè)置optgroup 元素的樣式
* animationType
o 設(shè)置動畫效果的樣式，如slide,hide(100),默認slide
* width
o 控件寬度
* height
o 控件高度
* onChange
o 當(dāng)選項變化時觸發(fā)該事件，接收兩個參數(shù)，第一個是selecedIndex,第二個是selectedValue
下面是個簡單示例：
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
- jQuery EasyUI API 中文幫助文檔和擴展實例
- Jquery api 速查表分享
- 不同的jQuery API來處理不同的瀏覽器事件
- jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
- jQuery EasyUI API 中文文檔 - Tree樹使用介紹
- jQuery EasyUI API 中文文檔 - PropertyGrid屬性表格
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- jQuery EasyUI API 中文文檔 - Dialog對話框
- jQuery EasyUI API 中文文檔 - TimeSpinner時間微調(diào)器
- Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
- 如jQuery般易用的api風(fēng)格代碼分享
- jQuery validate 中文API 附validate.js中文api手冊
- jQuery EasyUI 中文API Layout(Tabs)
- jQuery EasyUI 中文API Button使用實例
- jquery 1.4.2發(fā)布！主要是性能與API
- jquery中有哪些api jQuery主要API
相關(guān)文章
jQuery+css實現(xiàn)的換頁標(biāo)簽欄效果
這篇文章主要介紹了jQuery+css實現(xiàn)的換頁標(biāo)簽欄效果,涉及jQuery動態(tài)操作頁面元素構(gòu)造換頁標(biāo)簽的相關(guān)技巧,需要的朋友可以參考下2016-01-01
在某些特殊的情況下是需要動態(tài)生成表格的，下面為大家詳細介紹下使用jquery是如何做到的，感興趣的朋友不要錯過2013-12-12
進度條的出現(xiàn)在于無法通過任何方法獲取整個頁面的大小和當(dāng)前加載了多少，所以只能用進度條來模擬，接下來為大家介紹下實現(xiàn)方法，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了jquery移動端TAB觸屏切換實現(xiàn)效果案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-10-10
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)小火箭返回頂部特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
很久沒有寫東西了，今天在工作中碰見問題才發(fā)現(xiàn)。以后得多逼自己多抽時間來寫寫自己的東西，也順便和大家分享一下自己在工作中碰見的問題。2011-05-05
jQuery function想必大家都不會陌生，web前端開發(fā)人員經(jīng)常會接觸到，下面為大家介紹下它的正確書寫方法，感興趣的朋友可以參考下2013-08-08
jquery鍵盤事件使用介紹，需要的朋友可以參考下。2011-11-11
本文主要分享了jQuery實現(xiàn)對一個表格動態(tài)的添加行，刪除行，并且對表格中內(nèi)容進行非空驗證的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
本文主要對jQuery實現(xiàn)6位數(shù)字密碼輸入框的大概思路、實現(xiàn)代碼進行詳細介紹，具有一定的參考價值，需要的朋友一起來看下吧2016-12-12