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