jquery.combobox中文api和例子，修復了上面的小bug
更新時間：2011年03月28日 21:51:49 作者：
關于jquery.combobox，這個jquery的插件從官網(wǎng)上直接下載下來使用還有bug，以下是我對其api做的簡單翻譯，而且修復了上面的bug。
修復bug后的代碼：jquery.combobox.js
下面是參數(shù)說明：
* 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 當選項變化時觸發(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 設置整個控件的樣式名（包在最外邊）
* 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 當選項變化時觸發(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>
您可能感興趣的文章:
- 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風格代碼分享
- 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
相關文章
JQuery統(tǒng)計input和textarea文字輸入數(shù)量(代碼分享)
本文主要介紹了jQuery實現(xiàn)統(tǒng)計輸入文字個數(shù)的方法，具有一定的參考價值，需要的朋友一起來看下吧2016-12-12
jQuery實現(xiàn)點擊下拉框輸入框時，自動顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動在后臺查找，然后傳到前臺，展現(xiàn)頁面2013-10-10
jQuery實現(xiàn)圖片與文字描述左右滑動自動切換的方法
這篇文章主要介紹了jQuery實現(xiàn)圖片與文字描述左右滑動自動切換的方法,涉及jquery實現(xiàn)圖文滑動切換效果的方法,涉及jquery針對頁面元素與樣式的相關操作技巧,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jQuery中hasClass()方法用法,實例分析了hasClass()方法的功能、定義及驗證匹配元素是否包含指定類的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery使用正則表達式替換dom元素標簽的方法,結(jié)合具體實例形式分析了jQuery正則替換的操作技巧,需要的朋友可以參考下2017-01-01
jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法
這篇文章主要介紹了jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法,涉及jquery鼠標事件及頁面滾動的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了利用jQuery設計一個簡單的web音樂播放器的實例分享,包括PHP后臺和從MySQL中讀取曲目等基本功能的實現(xiàn),需要的朋友可以參考下2016-03-03
jQuery實現(xiàn)動態(tài)生成年月日級聯(lián)下拉列表示例
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)生成年月日級聯(lián)下拉列表,結(jié)合具體實例形式分析了jQuery日期時間運算構(gòu)造級聯(lián)下拉列表相關操作技巧,需要的朋友可以參考下2019-05-05
本文給大家匯總了下在jQuery中判斷對象是否存在的方法以及用原生javascript實現(xiàn)的方法，有相同需求的小伙伴可以來參考下。2016-02-02
這篇文章主要介紹了基于jquery實現(xiàn)日歷簽到功能，我們在玩游戲的時候或者登錄某手機軟件時都會有一個簽到功能，記錄大家的登錄日期，這個日歷簽到如何實現(xiàn)？本文為大家進行揭曉。2015-11-11