jquery.combobox中文api和例子,修複了上面的小bug

來源:互聯網
上載者:User

修複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>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.