模仿combox(select)控件,不用為美化select煩惱了。
更新時間:2006年12月18日 00:00:00 作者:
不用整天為美化select控件煩惱了。
1、可批量美化select控件。
2、可以有onchange句柄。
3、觸發(fā)onchange的函數(shù)可帶參數(shù)。
3、可以得到select的值。
4、可設(shè)置像select類似的滾動條(如大于或等于8個數(shù)目時出現(xiàn)滾動條)
5、可設(shè)置寬度和高度
API參考:
//首先生成一個simulateSelect的實例
//構(gòu)造函數(shù)的第一個可選參數(shù)為觸發(fā)onchange的函數(shù),其它的為onchange函數(shù)的參數(shù);
c = new simulateSelect(s1onchange, "never-online");
//設(shè)置select的CSS,第一個參數(shù)為控件的主要CSS、第二個為選中條目時的CSS、第三個為沒有選中條目時的CSS
c.style("CtlSelect2", "selected2", "unselected2");
//設(shè)置select的寬度和高度;
c.width = 320;
c.height = 20;
//初始化參數(shù)為:select控件的ID,可以用逗號分離,進行批量轉(zhuǎn)換;
c.init("s1,s2,s3");
下一版本將可修改combox
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
1、可批量美化select控件。
2、可以有onchange句柄。
3、觸發(fā)onchange的函數(shù)可帶參數(shù)。
3、可以得到select的值。
4、可設(shè)置像select類似的滾動條(如大于或等于8個數(shù)目時出現(xiàn)滾動條)
5、可設(shè)置寬度和高度
API參考:
//首先生成一個simulateSelect的實例
//構(gòu)造函數(shù)的第一個可選參數(shù)為觸發(fā)onchange的函數(shù),其它的為onchange函數(shù)的參數(shù);
c = new simulateSelect(s1onchange, "never-online");
//設(shè)置select的CSS,第一個參數(shù)為控件的主要CSS、第二個為選中條目時的CSS、第三個為沒有選中條目時的CSS
c.style("CtlSelect2", "selected2", "unselected2");
//設(shè)置select的寬度和高度;
c.width = 320;
c.height = 20;
//初始化參數(shù)為:select控件的ID,可以用逗號分離,進行批量轉(zhuǎn)換;
c.init("s1,s2,s3");
下一版本將可修改combox
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
動態(tài)更改網(wǎng)頁HTML元素(對象)內(nèi)容
動態(tài)更改網(wǎng)頁HTML元素(對象)內(nèi)容...2006-11-11