jquery.combobox中文api和例子,修復了上面的小bug
更新時間:2011年03月28日 21:51:49 作者:
關于jquery.combobox,這個jquery的插件從官網上直接下載下來使用還有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時間微調器
- 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)圖片與文字描述左右滑動自動切換的方法
這篇文章主要介紹了jQuery實現(xiàn)圖片與文字描述左右滑動自動切換的方法,涉及jquery實現(xiàn)圖文滑動切換效果的方法,涉及jquery針對頁面元素與樣式的相關操作技巧,需要的朋友可以參考下2015-07-07
jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法
這篇文章主要介紹了jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法,涉及jquery鼠標事件及頁面滾動的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
jQuery實現(xiàn)動態(tài)生成年月日級聯(lián)下拉列表示例
這篇文章主要介紹了jQuery實現(xiàn)動態(tài)生成年月日級聯(lián)下拉列表,結合具體實例形式分析了jQuery日期時間運算構造級聯(lián)下拉列表相關操作技巧,需要的朋友可以參考下2019-05-05

