模仿combox(select)控件,不用为美化select烦恼了。
更新时间:2006年12月18日 00:00:00 作者:
不用整天为美化select控件烦恼了。
1、可批量美化select控件。
2、可以有onchange句柄。
3、触发onchange的函数可带参数。
3、可以得到select的值。
4、可设置像select类似的滚动条(如大于或等于8个数目时出现滚动条)
5、可设置宽度和高度
API参考:
//首先生成一个simulateSelect的实例
//构造函数的第一个可选参数为触发onchange的函数,其它的为onchange函数的参数;
c = new simulateSelect(s1onchange, "never-online");
//设置select的CSS,第一个参数为控件的主要CSS、第二个为选中条目时的CSS、第三个为没有选中条目时的CSS
c.style("CtlSelect2", "selected2", "unselected2");
//设置select的宽度和高度;
c.width = 320;
c.height = 20;
//初始化参数为:select控件的ID,可以用逗号分离,进行批量转换;
c.init("s1,s2,s3");
下一版本将可修改combox
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
1、可批量美化select控件。
2、可以有onchange句柄。
3、触发onchange的函数可带参数。
3、可以得到select的值。
4、可设置像select类似的滚动条(如大于或等于8个数目时出现滚动条)
5、可设置宽度和高度
API参考:
//首先生成一个simulateSelect的实例
//构造函数的第一个可选参数为触发onchange的函数,其它的为onchange函数的参数;
c = new simulateSelect(s1onchange, "never-online");
//设置select的CSS,第一个参数为控件的主要CSS、第二个为选中条目时的CSS、第三个为没有选中条目时的CSS
c.style("CtlSelect2", "selected2", "unselected2");
//设置select的宽度和高度;
c.width = 320;
c.height = 20;
//初始化参数为:select控件的ID,可以用逗号分离,进行批量转换;
c.init("s1,s2,s3");
下一版本将可修改combox
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
htm页面中<a name>加name和id的冲突附解决方法
原来在<a name="jb51"> 和<span id="jb51">是冲突的,唉弄了好一会,郁闷 临时解决方法就是在后面的id中加了一个2,就是<span id="jb512">2008-07-07为了防止乱码,请将用于页面编码的meta charset放到title的前面
为了防止乱码,请将用于页面编码的meta charset放到title的前面...2007-12-12Class与ID区别 margin和padding区别 CSS学习笔记
2008-01-01css position: absolute、relative详解
今天在看CSS的时候遇到了position: absolute、relative的问题,一直比较迷糊,今天终于搞清楚了。2008-11-11
最新评论